HTML之常用标签(续)

结构标签

列表标签

有序列表的默认样式：

无序列表的默认样式：

定义列表的默认样式：

实体

显示结果

什么是实体

实体的语法

常用的实体

结构标签(布局标签)

    <!-- 网页的头部 --><header>头部</header><!-- 网页的主体（一般就一个）--><main>主体</main><!-- 网页的底部 --><footer>底部</footer><!-- 网页的导航 --><nav>导航</nav><!-- 和主体相关的内容，网页的侧边栏 --><aside>侧边栏</aside><!-- 网页的文章部分 --><article>文章</article><!-- 独立的区块，上面的标签都不合适，就用这个，没有任何语义 一般是用来代替div也用于对网站或应用程序中页面的内容进行分块，表示一段专题性的内容，一般会带有标题--><section>无语义</section>配合标题元素使用！

绝大部分的结构标签都是块元素，主要用来搭建网页的结构，是html5的新标签。新标签的出现，让网页结构更加清晰，而且让网站的性能会更好，但要注意一些老的网站，例如：淘宝、京东等依然在使用div标签。

列表标签

列表标签可以用来表示一组一组的内容，页面中相同结构、或相同意义都可以用列表。

有序列表,用ol创建,li标签表示列表项。
无序列表,用ul创建,li标签标识列表项。
定义列表,用dl创建,dt表示下定义,dd表示对定义内容的解释。

    <ol><li>锅</li><li>碗</li><li>瓢</li><li>盆</li></ol><ul><li>柴</li><li>米</li><li>油</li><li>盐</li></ul><dl><dt>衣服</dt><dd>牛仔裤</dd><dd>羽绒服</dd><dt>美食</dt><dd>面条</dd><dd>米粥</dd></dl>

显示结果

注意：1、最常用的列表标签是有序列表和无序列表。2、在实际应用过程，一般有序列表、无序列表不做特殊的区分。3、列表标签也是块元素。4、列表是可以相互嵌套。

<ol type="a"><li>锅</li><li>碗</li><li>瓢</li><li>盆</li>
</ol>

有序列表的默认样式：

1、加了1.2.3.等项目符号。2、列表项的前面加了一些间距，可以用type属性，更改项目符号。属性值：默认是阿拉伯数字：1，2，3；还可以是a/A/i/I。

<ul type="square"><li>柴</li><li>米</li><li>油</li><li>盐</li>
</ul>

无序列表的默认样式：

1、项目符号一般默认为实心小圆点。2、每个列表项前面也有间距，也可以用type属性去更改项目符号，例如：disc为默认值，实心的圆点；square，实心的方块；circle，空心的圆。

<dl><dt>衣服</dt><dd>牛仔裤</dd><dd>羽绒服</dd><dt>美食</dt><dd>面条</dd><dd>米粥</dd>
</dl>

定义列表的默认样式：

1、dt是顶格写的，用作下定义。2、dd前面有间距是对dt的解释补充。

实体

今天天气&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真不错！
5&gt;4&gt;3
3&lt;4&lt;5
&copy;中华人民出版社

显示结果

什么是实体

浏览器在编译字符的时候，有一些特殊的字符，例如空格、大于号、小于号等等，它们会被浏览器提前征用。在程序员想使用的时候，就需要用一些额外的字符表示这些特殊的字符，这些额外的字符就叫实体。

实体的语法

&实体的名字;

常用的实体