这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。

今天看完老师讲解得前端与HTML后我又多了解了HTML多一些。

先说blockquote

<blockquote>
				<p>一夫当关，万夫莫开。</p>
				<cite>蜀道难</cite>
			</blockquote>

一夫当关，万夫莫开。

蜀道难

其中，bloclquote表示引用的内容，上示代码中一夫当关，万夫莫开就是引用内容，cite又用来说明引用内容的出处，蜀道难就是上述引用内容的出处。

再说em和strong的区别

<strong>这是strong</strong>
<em>这是em</em>

从上面图示中就容易看出strong加粗比em的斜体表示的强调意愿会更加强烈的多，如果说em标记的文本表示重要事件，那么用strong表示的文本可以说是破在睫毛，万分火急的更重要事件。我们可以发现，有些网站的内容一打开就是一行黑色粗体的文字内容，显然就是使用strong辨识的，我们在第一行使用strong标识的原因就是页面第一行文字的内容表示了文章的主要内容，第一行又是显眼的位置，所以用strong会比用em合适。

q与p标签的区别

上图所示的是q标签的使用结果，如果改用p标签则不会有双引号，q标签是短引用。q标签中也可以使用cite表示引用内容的出处。我们使用q标签的话，浏览器会自动加上双引号。

语义化元素

语义化元素有header，nav，aside，article,footer等等。

其中header用来表示网页的头部。

在常用布局中，nav是包含在header中，表示的是导航栏。

main表示的是页面的主题内容，一个页面中只有一个main。

article是表示文章主体，可以有多个文章。

aside表示和页面主体的内容，常用来表示侧边栏。

语义元素的出现是由于我们之前表示页面主体都用div块来表示，表示导航栏也是用div块来表示，表示页面主体也用div来表示，为了方便和区分，便出现了语义化元素。