语义化标签

各种不同的标签本身在网页中就有其自带的款式，比方不同标签内的字体大小、字体款式各有不同，然而标签的各类款式咱们通过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标签是一个行内元素，它同样没有特定的语义，能够用于大部分须要行内元素的地位。

[注] 自己也正在自学当中，文中如有了解不当或者谬误表述之处，欢送交换斧正。