03 HTML 面试题

• 如何理解 HTML 语义化？
• 默认情况下，哪些 HTML 标签是块状元素？哪些是内联元素？

如何理解 HTML 语义化

推荐写法

<h1>标题</h1>
<div>
  <p>一段文字</p>
  <ul>
    <li>列表 1</li>
    <li>列表 2</li>
  </ul>
</div>

不推荐写法

<div>标题</div>
<div>
  <div>一段文字</div>
  <div>
    <div>列表 1</div>
    <div>列表 2</div>
  </div>
</div>

• 让开发者更容易阅读（增强代码可读性）。
• 让搜索引擎更容易读懂（SEO）。

块状元素 & 内联元素

• 块状元素：display: block/table;, 有 div, h1-h6, table, ul, ol, li, p等。
• 内联元素：display: inline/inline-block;, 有 span, img, input, button 等。