HTML 知识点

一、如何理解语义化标签

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

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

1. 让人跟容易读懂代码（增加代码的可读性）；
2. 让搜索引擎更容易读懂（seo优化）；

上下两段代码都能通过CSS实现一样的效果，但是下面那段用语义化标签，让人跟容易读懂代码，

我们的爬虫会会知道H1 是个标题，有利于SEO优化。

二、块元素和内联元素有哪些

1. display:block/table 有 div h1-h5 table ul ol p等
2. display:inline/inline-block; 有span img input button等