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

一、如何理解HTML语义化？

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

<div>标题div>
<div>
    <div>一段文字div>
    <div>
        <div>列表1div>
        <div>列表2div>
    div>
div>
1
2
3
4
5
6
7
8

<h1>标题h1>
<div>
    <p>一段文字p>
    <ul>
        <li>列表1li>
        <li>列表2li>
    ul>
div>
1
2
3
4
5
6
7
8

语义化的好处：

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

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

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

display: block/table
1

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

display: inline/inline-block
1