Html表格<table>还是须要加入一些标签进行优化,能够加入标题<caption>和摘要<table summary>
2016-02-05 21:03
543 查看
<!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>
相关文章推荐
- html事件的使用与什么有关
- 在HTML中给PPAPI插件配置参数
- HTML入门
- 初学HTML 常见的标签(二) 列表标签
- Chap 02 HTML基本标记
- Chap 03 HTML文字与段落标记
- HTML中meta 标签使用详解
- 个人学习之HTML语句(1)
- html 如何添加背景音乐
- 了解HTML表单之13个表单控件
- 用html语言写一个隐藏二级菜单的菜单栏
- HTML——使用表格对表单进行布局
- html(二)
- html上的分享功能(jinthis)
- 记不住就存下来---- HTML 5 功能丰富的 input 元素
- 记不住就存下来---- HTML 5 新增的属性与元素 之 表单控件新增元素
- 记不住就存下来---- HTML 5 原有的表单及表单控件
- django - html
- 记不住就存下来---- HTML 5 新增的拖放 API
- 记不住就存下来---- HTML 5 头部和元信息