(主要为了过面试)
标签示例
<body>
<header>
<nav>
……
</nav>
</header>
<aside>
<nav>
……
</nav>
</aside>
<section>……</section>
<section>……</section>
<section>……</section>
<footer>
<address>……</address>
</footer>
</body>
作用
-
代码结构:在没有css的情况下,也能呈现出很好的页面结构。
-
有利于SEO:爬取依赖时,可以根据标签来确定关键字权重,可以和搜索引擎建立良好的沟通,帮助爬取更多有效信息。
-
提升用户体验:例如title、alt可以用于解释名称或者解释图片信息,以及label标签的灵活运用。
-
便于团队开发和维护:语义化标签使代码具有可读性,让其他开发人员更理解html结构,减少差异化。
-
方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等,以有意义的方式来渲染网页。