关于语义化标签的一些思考
2017-05-02 本文已影响19人
冯斯特罗
- 文档结构
在学习html5的过程中，知道了一些新的标签，能够更清晰的表达文档的结构（原来都是用div，可能加上id或者class来划分）。举个简单的例子
代码链接 - html元素的语义化及排版注意
- 推荐使用<strong>和<em>，而不是<b>和<i>
- 文档中的一些嵌入式内容，比如引用的图片，插图，表格，代码段等，* 可以作为独立的单元，当这部分转移到附录中或者其他页面时不会影响到主体，*这样的元素都可以放在<figure>元素内，而且可以搭配其子元素<figcaption>作很好的元素说明或者备注信息
- img元素最好附带alt信息，即对图片进行文本说明，当图像无法查看时会显示这段文本描述
- table元素现在也有更好的语义化结构元素
- caption 表格的标题
- thead 适合放表格的表头行
- tbody 表格的主体部分
- tfoot 表格的脚注部分
