语义化标签
各种不同的标签本身在网页中就有其自带的款式，比方不同标签内的字体大小、字体款式各有不同，然而标签的各类款式咱们通过 CSS 进行扭转，并且前期咱们为了网页的好看或者达到某种要求，肯定会用 CSS 从新进行款式设置。因而，咱们在学习 HTML 标签时，只须要 重点记住标签的语义即可，不用在意它的具体款式。
内容语义标签
- 题目标签（
h1~h6)
h1 ~ h6 一共有六级题目, 从 h1 ~ h6 重要性递加 ，h1 最重要，h6 最不重要，h1 在网页中的重要性仅次于 title 标签，个别状况下一个页面中只会有一个 h1（搜索引擎搜寻网页时，可能会通过题目来理解网页内容，因而 title 和 h1 中个别放十分重要的内容），通常状况下题目标签只会应用到 h1~ h3，h4 ~ h6 很少用。另外，有些状况下文章的两级题目存在关联性，例如咱们的文章题目 HTML 学习 题目下有一个副标题 3. 局部标签介绍。因而还存在一个标签 hgroup 专门为题目进行分组。
不用在意款式，只关注标签语义即可。
- 段落标签（
p）
p 标签示意页面中的一个 段落，就是咱们平时写文章中的段落。
- 强调标签（
em和strong）
em 标签把文本定义为 强调 的内容
strong 标签把文本定义为 语气更强 的强调的内容。
- 援用标签（
blockquote和q）
blockquote 标签定义块援用。blockquote 中的所有文本都会从惯例文本中分离出来，常常会在左、右两边进行缩进，而且有时会应用斜体。也就是说，块援用领有它们本人的空间。
q 标签定义短的援用。浏览器常常在援用的内容四周增加引号。
- 换行标签（
br）
br 标签可插入一个简略的换行符（就是按一次 回车）。br 标签是空标签（意味着它没有完结标签，因而这是谬误的：< b r> < / br >）
结构化语义标签
结构化语义标签即布局标签，次要是用于网页的布局。
header示意网页的头部main示意网页的主体局部(一个页面中只会有一个 main)footer示意网页的底部nav示意网页中的导航 aside 和主体相干的其余内容（侧边栏）article示意一个独立的文章section示意一个独立的区块，上边的标签都不能示意时应用 section
块元素与行内元素
仔细观察下面的例子咱们就会发现，有些标签的内容即便很短它也会主动 占满一行 即便前面有很大的空白也不会写入内容，像 题目标签 、 段落标签 、 长援用标签 等，而有些标签的内容则不会独自占据一行，写完之后依然和其余内容 共处一行 ，例如 强调标签 、 短援用标签 ，这就是块标签和行内标签的区别。
块元素 ：独占一行，在网页中个别通过块元素来对页面进行布局。
行内元素 ：能够多个标签存在一行，行内元素次要用来包裹文字。
个别状况下会在块元素中放行内元素，而不会在行内元素中放块元素。
非语义标签
div：div 标签是一个 块元素 ，它没有语义，简直能够用所有块元素的地位，因而是 HTML 文档中应用最多的一个标签。span：span 标签是一个 行内元素，它同样没有特定的语义，能够用于大部分须要行内元素的地位。
[注] 自己也正在自学当中，文中如有了解不当或者谬误表述之处，欢送交换斧正。