乐趣区

关于html5:HTML学习3部分标签介绍

语义化标签

各种不同的标签本身在网页中就有其自带的款式,比方不同标签内的字体大小、字体款式各有不同,然而标签的各类款式咱们通过 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 标签示意页面中的一个 段落,就是咱们平时写文章中的段落。

  • 强调标签(emstrong

em 标签把文本定义为 强调 的内容
strong 标签把文本定义为 语气更强 的强调的内容。

  • 援用标签(blockquoteq

blockquote 标签定义块援用。blockquote 中的所有文本都会从惯例文本中分离出来,常常会在左、右两边进行缩进,而且有时会应用斜体。也就是说,块援用领有它们本人的空间。
q 标签定义短的援用。浏览器常常在援用的内容四周增加引号。

  • 换行标签(br

br 标签可插入一个简略的换行符(就是按一次 回车)。br 标签是空标签(意味着它没有完结标签,因而这是谬误的:< b r> < / br >

结构化语义标签

结构化语义标签即布局标签,次要是用于网页的布局。

  • header 示意网页的头部
  • main示意网页的主体局部(一个页面中只会有一个 main)
  • footer 示意网页的底部
  • nav示意网页中的导航 aside 和主体相干的其余内容(侧边栏)
  • article 示意一个独立的文章
  • section示意一个独立的区块,上边的标签都不能示意时应用 section

块元素与行内元素

仔细观察下面的例子咱们就会发现,有些标签的内容即便很短它也会主动 占满一行 即便前面有很大的空白也不会写入内容,像 题目标签 段落标签 长援用标签 等,而有些标签的内容则不会独自占据一行,写完之后依然和其余内容 共处一行 ,例如 强调标签 短援用标签 ,这就是块标签和行内标签的区别。
块元素 :独占一行,在网页中个别通过块元素来对页面进行布局。
行内元素 :能够多个标签存在一行,行内元素次要用来包裹文字。
个别状况下会在块元素中放行内元素,而不会在行内元素中放块元素。

非语义标签

div:div 标签是一个 块元素 ,它没有语义,简直能够用所有块元素的地位,因而是 HTML 文档中应用最多的一个标签。
span:span 标签是一个 行内元素,它同样没有特定的语义,能够用于大部分须要行内元素的地位。

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

退出移动版