打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
表格标题以及摘要

caption标签,为表格添加标题和摘要

表格还是需要添加一些标签进行优化,可以添加标题摘要。代码如下:

摘要

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

    语法:<table summary="表格简介文本">

标题

用以描述表格内容,标题的显示位置:表格上方。

     语法:

<table>    <caption>标题文本</caption>    <tr>        <td>…</td>        <td>…</td>        …    </tr>…</table>

 

任务

我来试试,为文章添加标题

1. 在右部编辑器中为表格添加摘要,摘要的内容为“本表格记录2012年到2013年库存记录,记录包括U盘和耳机库存量”

2. 在右部编辑器中为表格添加标题,标题的内容为“2012年到2013年库存记录”



示范:

代码:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>认识table表标签</title>
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
</head>
<body>
<table>
  <table summary="表格简介文本">
   <caption>test1</caption>
  <tbody>
    <tr>
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>


显示:

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
XHTML教程补充——复杂的表格
HTML语言入门之三表格
【引用】博客装饰-表格解读(1)
HTML表标题标签的定义与用法
有序无序列表,div盛放逻辑版块,table表格
表格练习
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服