常见HTML面试题

这篇文章带大家了解一下HTML常考的面试题，因为这个比较简答，所以一般面试都不是很难，稍微了解一下即可。

一、如何理解HTML语义化？

首先来观察一下以下两段代码：

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

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

语义化的好处：

1. 让人更容易读懂（增加代码可读性）
2. 让搜索引擎更容易读懂（SEO）

二、默认情况下，哪些HTML标签是块级元素、哪些是内联元素？

块级元素，有 div、h1、h2、table、ul、ol、p等。会独占一行。

display: block/table

内联元素：有 span、img、input、button 等。不会独占一行。

display: inline/inline-block