简而言之,HTML 语义化就是让正确的标签做正确的事。
例如:按照语义化的要求,链接标签可以写成 <a href='https://baidu.com'>anchor</a>
, 也可以抛弃语义化的要求,写成 <div onclick="window.open('https://baidu.com')">anchor</div>
`
上述例子中,尽管后者也能实现相似的功能,但还是建议使用 a
标签实现锚点。
同时,语义化拥有以下优点:
- SEO 优化;
- 符合 W3C 规范,诸如无障碍等功能也会得到较好的支持;
- 开发者阅读更加方便。