HTML面试题

111 阅读1分钟

1.你是如何理解HTML语义化的?⭐⭐⭐⭐⭐

像我们将段落用<p>标签来表示,标题用<h1>---<h6>来表示,这都是语义化。

前期的前端,都是用DIV+CSS来布局,不够语义化,全篇都是DIV

语义元素仅仅是页面结构的规范化,并不会对内容有本质的影响。

常见的语义化标签:

头部:<header>

标注内容的标题(一般不在内容中使用,除非内容标题附带发布时间、作者等);标注网页的页眉

导航栏:<nav>

一个页面可以包含多个<nav>元素,但通常仅在页面的主要导航部分使用

附注:<aside>

侧栏;附加内容

<section>适合标记的内容区块

页脚:<footer>

仅可以包含版权、来源信息、法律限制等

主要内容:<main>

页面主体

文章:<article>

一个完整的、自成一体的内容块

插图及说明:<figure> <figcaption>

参考

页面结构语义化