20190209H5知识整理

各类文本标签

段落标签p

有结束标签
HTML会忽略在文本编辑器中输入的回车符和其他额外的空格，所以在网页中开始一个新段落时应该使用p元素
<p>This is some text in a very short paragraph</p>

细则标签small

有结束标签
small表示细则一类的旁注，包括免责声明、注意事项等等
通常是行内文本的一小块，而不是包含多个段落或其他元素的大块文本
会呈现小号字体效果。
可以嵌套

标记重要和强调的文本 strong em

strong标签

有结束标签
strong表示内容的重要性，把文本定义为语气更强的强调的内容。
被标记的文本将以粗体显示

em标签

有结束标签
em表示内容的着重点，把文本定义为强调的内容。
被标记的文本将以斜体表示

创建图figure figcaption

figure标签

有结束标签
规定独立的流内容（图像、图表、照片、代码等等）。
内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

figcaption标签

有结束标签
是figure的标题
“figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

指明引用或参考cite

有结束标签
cite通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
按照惯例，引用的文本将以斜体显示。
不应该使用cite作为对人名的引用
只用于参考源本身，而不是从中引述内容

引述文本q blockquote

blockquote标签

有结束标签
定义块引用
标签内的文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

q标签

有结束标签
定义短的引用。
浏览器经常在引用的内容周围添加引号。
二者本质上是一样的，不同之处在于它们的显示和应用。q标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），使用 blockquote 标签。
注意：不要为了在字词两端加引号就使用q元素

时间 time

有结束标签
定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的
该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
time中包含的文本内容会出现在屏幕上。

• datetime属性
  该属性可选，是为机器准备的，其值需要遵循特定的格式：
  YYYY-MM-DDThh:mm:ss
  如果time标签不加datetime属性，那time的文本内容必须是合法的日期或时间格式

解释缩写名词 abbr

有结束标签
指示简称或缩写，比如 “WWW” 或 “NATO”。
通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。
可以在abbr标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 abbr元素上时显示出简称/缩写的完整版本。

定义属于dfn

有结束标签
在html中定义属于时，使用该标签对其作语义上的区分。

上标和下标

上标sup

有结束标签
可定义上标文本。
这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和a标签结合起来使用，就可以创建出很好的超链接脚注。

下标sub

有结束标签
定义下标文本
在数学等式、科学符号和化学公式中都非常有用

address元素

有结束标签
定义文档或文章的作者/拥有者的联系信息。

• 如果address元素位于body 元素内，则它表示文档联系信息。
• 如果address元素位于article元素内，则它表示文章的联系信息。

address元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。
不应该用于描述通讯地址，除非它是联系信息的一部分。
常连同其他信息被包含在footer元素中

ins和del

有结束标签

• del
  定义文档中已被删除的文本。
• ins
  定义已经被插入文档中的文本。

两者需要搭配使用，以描述文档中的更新和修正。

换行br

空元素，没有结束标签
用于在p中开始新的一行

span

有结束标签
没有任何语义
用来组合文档中的行内元素。
可为元素的不同部位指定不同样式