什么是语义化
语义化的HTML就是写出的HTML代码,符合内容的结构化(内容语义化),选择合适的标签(代码语义化),能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
为什么要做到语义化?
1.有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。(权重)
2.在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
3.便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
4.支持多终端设备的浏览器渲染。
三、语义化HTML内容
hn>:h1~h6,分级标题,h1> 与
- :无序列表。
- :有序列表。
:呈现小号字体效果,指定细则,输入免责声明、注解、署名、版权。
:和 em 标签一样,用于强调文本,但它强调的程度更强一些。
:将其中的文本表示为强调的内容,表现为斜体。
:使用黄色突出显示部分文本。
:表示所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。
:定义块引用,块引用拥有它们自己的空间。
:短的引述(跨浏览器问题,尽量避免使用)。
:简称或缩写。
:定义术语元素,与定义必须紧挨着,可以在描述列表dl元素中使用。
:移除的内容。
:添加的内容。
:标记代码。
:定义已知范围或分数值内的标量测量。(Internet Explorer 不支持 meter 标签)
:定义运行中的进度(进程)
作者:KevinLee0424
链接:https://www.jianshu.com/p/35de4476fe27
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。