语义化是根据内容的结构化选择合适的标签即用正确的标签来做正确的事情,在没有CSS的情况下,页面也能呈现出良好的内容结构,代码结构
优点
- 机器角度:带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息
- 开发者角度: 使用语义类标签增强了可读性,结构更加清晰,开发者能清晰的看出页面的结构,便于团队的开发和维护。
HTML5新增的语义化标签
- header元素:页眉
- footer元素:页脚(作者,相关文档链接,版权资料)
- nav元素:用于定义页面的主要导航部分
- aside元素
- section元素
- article元素