Html表格<table>还是需要添加一些标签进行优化，可以添加标题<caption>和摘要<table summary>

最新推荐文章于 2023-09-14 14:52:30 发布

绝地反击T

最新推荐文章于 2023-09-14 14:52:30 发布

阅读量3.4k

点赞数

分类专栏： HTML 文章标签： html 标签

本文链接：https://blog.csdn.net/u012110719/article/details/40925109

版权

HTML 专栏收录该内容

31 篇文章 3 订阅

订阅专栏

<!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 #090;//为表格添加边框：像素是1px 实体solid 颜色#000
}
</style>

</head>
<body>
//摘要summary的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，
//使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
 <table summary="本表格记录2013年到2014年库存记录，记录包括U盘和耳机库存量">
  <caption>2013到2014年库存记录</caption>//用以描述表格内容，标题的显示位置：表格上方。
  <tr>
    <th>产品名称 </th>
    <th>品牌 </th>
    <th>库存量（个） </th>
    <th>入库时间 </th>
  </tr>
  <tr>
    <td>耳机 </td>
    <td>联想 </td>
    <td>500</td>
    <td>2013-1-2</td>
  </tr>
  <tr>
    <td>U盘 </td>
    <td>金士顿 </td>
    <td>120</td>
    <td>2013-8-10</td>
  </tr>
  <tr>
    <td>U盘 </td>
    <td>爱国者 </td>
    <td>133</td>
    <td>2013-3-25</td>
  </tr>
</table>
</body>
</html>

绝地反击T

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Html表格<table>还是需要添加一些标签进行优化，可以添加标题<caption>和摘要<table summary>

认识table表标签table tr td,th{ border:1px solid #090;//为表格添加边框：像素是1px 实体solid 颜色#000}//摘要summary的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，//使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 20
复制链接

扫一扫