html语义化含义
根据内容的结构(内容语义化),选择合适的标签(代码语义化),便于开发者阅读,同时让浏览器的爬虫和机器更好地解析。
为什么要语义化
- 去掉样式或丢掉样式后能让页面显示清晰的结构。
- 有利于SEO。爬虫依赖于标签来确定上下文和各个关键字的权重,它会忽略有关样式的标记,只关注语义标记。和搜索引起建立良好的沟通,有利于爬虫抓取更多有效的信息。
- 方便各种设备(如屏幕阅读器、手机、PAD)以意义的方式渲染页面。
- 屏幕阅读器会根据你的标记来“读”网页,如果使用语义化标签,屏幕阅读器就会对你的单词进行逐个发音,而不是试着去拼出整个单词,比如ghostzhang
(http://blog.cssforest.org/2011/12/12/%E6%9C%8D%E5%8A%A1%E8%B4%A8%E9%87%8F%E4%BB%8E%E5%8A%9E%E8%AF%81%E8%B0%88%E8%B5%B7.html, 竟然用了屏幕阅读器,感觉自己路漫漫其修远兮,任重而道远啊!)。 - 手机、PAD 等这些设备对CSS的支持比较弱,使用语义化标签会确保以一种有意义的方式渲染页面,省去开发者自己考虑所有可能的显示情况,比如手机上标题以粗体显示,而PAD上标题以大字体显示,统一使用标题标签,就可以让设备根据自身的情况选择合适的显示方式。
- 屏幕阅读器会根据你的标记来“读”网页,如果使用语义化标签,屏幕阅读器就会对你的单词进行逐个发音,而不是试着去拼出整个单词,比如ghostzhang
- 有利于团队开发和维护。语义化更具可读性,遵循W3C标准的团队都遵循这个原则,可以减少差异化,甚至实现模块化开发。
conclusion:html语义化就是为了让人和机器都读懂内容。
从语义化的角度解释strong
与font-weight:bold
的区别。
html5语义化标签
正在编辑中……