web语义化

序言

最近了解到了一个名词---web语义化,由于博主强烈的好奇心，经过百度，浏览了一些大牛写的博客，初步弄明白了什么是web语义化......（原来自己以前不经意间写的代码竟然就是web语义化的体现），今天就当补个票，归纳一下什么是web语义化吧。

什么是web语义化

语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器更好的解析。

为什么要实现web语义化

• 在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构
• 有利于SEO，由于浏览器的爬虫是依据标签来确定上下文和各个关键字的权重，因此是有利于爬虫更好的获取网站信息
• 方便其他设备对网站的解析，如：屏幕阅读器、移动设备等
• 便于开发和维护

怎样做才能有利于web的语义化

• 尽可能少地使用无语义的标签，如：div、span
• 在语义不明显时，既可以使用div，又可以使用p，尽量使用p标签
• 不要使用纯样式标签，如：b、font、u等，改用css设置
• 需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）
• 使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td
• 表单域要用fieldset标签包起来，并用legend标签说明表单的用途