HTML重点

1、如何理解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）。搜索引擎根据第一段代码分不清重点，机器只认识标签

 

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

　(块级元素) display: block/table;      div、h1、table、ul、ol、p等

　(内联元素) display: inline/inline-block;       span、img 、input、button等