[toc]

📖文本元素

HTML5中支持的元素：HTML5元素周期表

  1. <!-- 
  2.     1.
  3.         Emmet
  4.         快捷生成多个标签语法
  5.         h$*6 随机生成h1～h6
  6.         h$[title="h$"]*6 生成h1～h6 元素title属性为h1～h6
  7.         h${$级标题}*6 生成h1～h6 元素内容为1级标题～6级标题
  8.     2.
  9.         Emmet
  10.         乱述假文
  11.         lorem随机文本生成插件
  12.         lorem 随机长度的文本
  13.         lorem10 长度为10个单词的语句
  14.         p>lorem p元素内容为随机长度的文本
  15. -->

1.h

h1～h6：表示一级标题到六级标题

2.p

paragraph：段落标签

3.span【无语义】

html5中抛弃了很多的无语义的元素

为数不多的存续的无语义化元素

常用在为特殊文字添加特殊效果（h5中没有的效果）时；且仅用于设置样式。

某些元素在显示时会独占一行（块级元素），而某些不会（行级别元素）。

根据这些特性，将所有元素分为块级元素和行级元素（行内元素）。

现在，html5已经弃用这种说法，转而被一种新的内容类别代替。

区别：

  1. 行级元素
    独占一行，

  2. 块级元素
    不独占一行，

4.pre

预格式化文本

因为html文件会进行空白折叠，所以特殊的多空格文本需要用pre来显示。

空白折叠：在源代码中连续的空白字符（回车，空格）在页面显示时，会被折叠为一个空格。

在pre中的内容，会按照原来的格式显示到界面上

该元素通常在网页中显示一些代码

pre元素功能的本质：它有一个默认的css属性，

显示代码时，通常使用code元素包裹pre元素实现；

或者可以使用给code添加css属性white-space: pre;实现