持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第4天，点击查看活动详情

一.结构化语义标签

1.header表示网页的头部 main表示网页的主体部分 footer表示网页的底部 nav表示网页中的导航 aside表示和主体相关的其它内容 article表示一个独立的文章 section表示一个独立的区块，上面的标签都不能使用时可以使用section div没有语义，就是用来表示一个区块，目前来讲div是我们主要的布局元素 span没有语义，是行内元素，一般用于在网页中选中文字

二 .列表

1.有序列表：使用ol创建列表项，使用li表示列表项 例：

<ol>
	<li>哈哈</li>
	<li>呵呵</li>
	<li>嘻嘻</li>
</ol>

2.无序列表: 使用ul创建列表项，使用li表示列表项 例：

<ul>
	<li>哈哈</li>
	<li>呵呵</li>
	<li>嘻嘻</li>
</ul>

3.定义列表：使用dl标签来创建一个定义列表，使用dt来表示定义的内容，使用dd来对内容进行解释说明 例：

<dl>
        <dt>哈哈</dt>
        <dd>哈哈表达一种开心的心情</dd>
</dl>

注意：列表之间可以互相嵌套

三.超链接

1.超链接可以让我们从一个页面跳转到其它页面，或者是当前页面的其他位置；

2.使用a标签来定义超链接

3.属性：href指定跳转的目标路径，其值可以是一个外部网站的地址，也可以是一个内部页面的地址

4.超链接是一个行内元素，可以嵌套除它自身以外的任何元素 例：

<a  href="https://www.baidu.com">超链接</a>

四.语义化标签

在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的样式。 1.标题标签: h1~h6一共有六级标题，从h1到h6重要性递减，h1在网页中的重要性仅次于title标签，一般情况下一个页面只会有一个h1，标题标签只会使用到h3

2.在页面中独占一行的元素称之为块元素（block element），标题标签和p标签都是块元素

3.hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup中 例：

<p>今天天气<em>真</em>不错</p>

4.在页面中不会独占一行的是元素称为行内元素，em标签表示语音语调的一个加重，strong标签表示强调重要内容，这两者都属于行内元素。 例：

<p>今天天气<em>真</em>不错</p>

5.blockquote标签表示一个长引用，用于引用名人名言等，有自动缩进的作用，属于块元素。 例：

李白说：

<blockquote>
        黄河之水天上来，奔流到海不复还。
</blockquote>

6.q表示一个短引用，没有换行，会自动加引号，是一种行内元素。 例：

<q>子曰：学而时习之，乐呵乐呵</q>

7.br标签表示页面中的换行，p标签表示页面中的分段

8.在网页中一般通过块元素来进行页面布局，行内元素主要用来包裹文字；

9.一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素，块元素中基本什么都能放；

10.p元素中不能放任何块元素；