一、如何理解语义化标签
<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>
- 让人跟容易读懂代码(增加代码的可读性);
- 让搜索引擎更容易读懂(seo优化);
上下两段代码都能通过CSS实现一样的效果,但是下面那段用语义化标签,让人跟容易读懂代码,
我们的爬虫会会知道H1 是个标题,有利于SEO优化。
二、块元素和内联元素有哪些
- display:block/table 有 div h1-h5 table ul ol p等
- display:inline/inline-block; 有span img input button等