本文已参与「新人创作礼」活动,一起开启掘金创作之路。
HTML5 新增语义化标签
- IE8不兼容HTML5标签的。解决方案:可以通过html5shiv.js去处理。
| 标签 | 用法 |
|---|---|
| header | 头部标签 |
| nav | 导航标签 |
| article | 内容标签 |
| section | 块级标签 |
| aside | 侧边栏标签 |
| footer | 尾部标签 |
- 使用语义化标签需要注意:
- 语义化标签主要针对搜索引擎。
- 新标签可以使用一次或者多次。
- 在 IE9 浏览器中,需要把语义化标签都转换为块级元素。
- 语义化标签,在移动端支持比较友好。
语义化标签的优点
- HTML结构清晰,易读性和维护性更好。
- 代码可读性好
- 无障碍阅读更友好,对于读屏器等设备,能够播报的更流畅准确。
- 搜索引擎可根据标签的语言确定上下文和权重问题。更利于SEO优化,语义化标签能够提升页面质量,有利于爬虫爬取页面时获取更多的有效信息。
- 移动设备能更完美的展示页面
- 便于团队维护开发