HTML 格式标签

本文最后更新于：2024年3月18日 凌晨

HTML 格式标签

<style>

标签定义及使用说明

  • <style> 标签定义 HTML 文档的样式信息。
  • 在 <style> 元素中，您可以规定在浏览器中如何呈现 HTML 文档。
  • 每个 HTML 文档能包含多个 <style> 标签。

属性

属性 值 描述
media media_query 为样式表规定不同的媒体类型，
scoped**** scoped 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素，
type text/css 规定样式表的 MIME 类型，

<abbr>

标签定义及使用说明

  • <abbr> 标签用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"
  • 通过对缩写词语进行标记，您就能够为浏览器，拼写检查程序，翻译系统以及搜索引擎分度器提供有用的信息。

提示和注释

提示：在某些浏览器中，当您把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时，<abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。

实例

被标记的缩写词如下：

1
The<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

<address>

标签定义及使用说明

  • <address>标签定义文档作者/所有者的联系信息。
  • 如果 <address> 元素位于 <body> 元素内部，则它表示该文档作者/所有者的联系信息。
  • 如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者/所有者的联系信息。
  • <address> 元素的文本通常呈现为斜体，大多数浏览器会在该元素的前后添加换行。

提示和注释

  • 提示：不应该使用 <address> 标签来描述邮政地址，除非这些信息是联系信息的组成部分。
  • 提示:<address> 元素通常被包含在 <footer>元素的其他信息中。

实例

Example.com 的联系信息：

1
2
3
4
5
6
7
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

<b>

标签定义及使用说明

<b> 标签定义粗体的文本。

提示和注释

  • 注释：根据 HTML 5 的规范，<b> 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。
  • HTML 5 规范声明：标题应该用<h1>-<h6>标签表示，被强调的文本应该用<em>标签表示，重要的文本应该用``标签表示，被标记的或者高亮显示的文本应该用 ` 标签表示。
  • 提示：您也可以使用 CSS 的 font-weight 属性设置粗体文本。

<bdi>

标签定义及使用说明

  • bdi 指的是 bidi 隔离（Bi-directional Isolation)
  • <bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。
  • 在发布用户评论或其他您无法完全控制的内容时，该标签很有用。

<bdo>

标签定义及使用说明

  • bdo 指的是 bidi 覆盖（Bi-Directional Override)
  • <bdo> 标签用来覆盖默认的文本方向。

属性

属性 值 描述
dir ltr rtl 必需，规定<bdo>元素内的文本方向，

<blockquote>

标签定义及使用说明

  • <blockquote> 标签定义摘自另一个源的块引用。
  • 浏览器通常会对 <blockquote> 元素进行缩进。

提示和注释

提示：如果标记是不需要段落分隔的短引用，请使用 <q>

属性

属性 值 描述
cite URL 规定引用的来源，

<code>

标签定义及使用说明

<code> 标签是一个短语标签，用来定义计算机代码文本。

<del>

标签定义及使用说明

<del> 标签定义文档中已删除的文本。

提示和注释

属性

属性 值 描述
cite URL 规定一个解释了文本被删除的原因的文档的 URL,
datetime YYYY-MM-DDThh:mm:ssTZD 规定文本被删除的日期和时间，

<dfn>

标签定义及使用说明

<dfn> 标签是一个短语标签，用来定义一个定义项目。

<em>

标签定义及使用说明

  • <em> 标签是一个短语标签，用来呈现为被强调的文本。
  • 提示：我们并不反对使用这个标签，但是如果您只是为了达到某种视觉效果而使用这个标签的话，我们建议您使用 CSS ，这样可能会取得更丰富的效果。

<i>

标签定义及使用说明

<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

<ins>

标签定义及使用说明

<ins>标签定义已经被插入文档中的文本，表现为下划线。

属性

属性 值 描述
cite URL 规定一个文档的 URL，该文档解释了文本被插入的原因，
datetime YYYY-MM-DDThh:mm:ssTZD 规定文本被插入的日期和时间，

<kbd>

标签定义及使用说明

<kbd> 标签定义键盘文本。

<mark>

标签定义及使用说明

  • <mark> 标签定义带有记号的文本。
  • 请在需要突出显示文本时使用 <mark> 标签。

<meter>

标签定义及使用说明

  • <meter> 标签定义度量衡，仅用于已知最大和最小值的度量。
  • 比如：磁盘使用情况，查询结果的相关性等。
  • 注意: <meter> 不能作为一个进度条来使用，进度条<progress>标签。

属性

属性 值 描述
form form_id 规定<meter>元素所属的一个或多个表单，
high number 规定被界定为高的值的范围，
low number 规定被界定为低的值的范围，
max number 规定范围的最大值，
min number 规定范围的最小值，
optimum number 规定度量的最优值，
value number 必需，规定度量的当前值，

<pre>

标签定义及使用说明

  • <pre> 标签可定义预格式化的文本。
  • 被包围在 
     标签元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。

<progress>

标签定义及使用说明

<progress> 标签定义运行中的任务进度（进程）

提示和注释

  • 提示：请将 <progress> 标签与 JavaScript 一起使用来显示任务的进度。
  • 注释:<progress> 标签不适合用来表示度量衡（例如，磁盘空间使用情况或相关的查询结果），表示度量衡，请使用<meter>标签代替。

属性

属性 值 描述
max number 规定需要完成的值，
value number 规定进程的当前值，

<q>

标签定义及使用说明

  • <q> 标签定义一个短的引用。
  • 浏览器经常会在这种引用的周围插入引号。

属性

属性 值 描述
cite URL 规定引用的源 URL,

<samp>

标签定义及使用说明

<samp> 标签是一个短语标签，用来定义计算机程序的样本文本。

<small>

标签定义及使用说明

<small> 标签定义小型文本（和旁注）

<strong>

标签定义及使用说明

<strong> 标签是一个短语标签，用来定义计算机程序的样本重要的文本。

<sub>

标签定义及使用说明

<sub> 标签定义下标文本，下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的，下标文本能用来表示化学公式，比如 H2O

<sup>

标签定义及使用说明

<sup> 标签定义上标文本，上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的，上标文本能用来添加脚注，比如 WWW[1]

<time>

标签定义及使用说明

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

属性

属性 值 描述
datetime datetime 规定日期/时间，另一种方式，则是由元素的内容给定日期/时间，
pubdate datetime （该属性仍在被 WHATWG 和 W3C 组织设计和讨论中，）指示

<u>

标签定义及使用说明

<u> 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。

提示和注释

提示：请尽量避免使用 <u> 为文本加下划线，用户会把它混淆为一个超链接。

<var>

标签定义及使用说明

<var> 标签是一个短语标签，用来定义变量。

<wbr>

标签定义及使用说明

  • <wbr> (Word Break Opportunity）标签规定在文本中的何处适合添加换行符。
  • 提示：如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）
Software Language HTML

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！