HTML 格式标签
2025-05-08
5️⃣ HTML5 新属性
⚠️ 大多数浏览器不支持
<bdi> 5️⃣
- Bi-directional Isolation。
- 允许您设置一段文本，使其脱离其父元素的文本方向设置。
- 在发布用户评论或其他您无法完全控制的内容时，该标签很有用。
<p dir="ltr">abc <bdi>abc</bdi></p><bdo>
- Bi-Directional Override
- 覆盖默认的文本方向。
| 属性名 | 值 | 说明 |
|---|---|---|
| dir | ltr rtl | 从左到右显示。 从右到左显示。 |
<bdo dir='ltr'>从左到右显示。</bdo>
<bdo dir='rtl'>从右到左显示。</bdo><addr>
- 表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。
- 为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
<abbr>WWW</abbr><address>
- 定义文档作者/所有者的联系信息。
- 位于
<body>元素内部，则它表示该文档作者/所有者的联系信息。 - 位于
<article>元素内部，则它表示该文章作者/所有者的联系信息。 - 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。
<address>
Written by <a href="#">Author</a> name <br>
Email: xxx@xxx.xxx
</address><q>
- 定义短的引用。
<q>短引用。</q><b>
- 定义粗体的文本。
<b>加粗的文本。</b><i>
- 定义斜体的文本。
<i>斜体的文本。</i><ins>
- 定义插入的文本。
<ins>插入的文本。</ins><del>
- 定义删除的文本。
<del>删除的文本。</del><s>
- 定义删除线的文本。
<s>删除线的文本。</s><u>
- 定义下划线文本。
<u>下划线文本。</u><mark> 5️⃣
- 定义标记的文本。
<mark>标记的文本。</mark><em>
- 定义强调的文本。
<em>强调</em><small>
- 定义小号文本。
<small>小号的文本。</small><strong>
- 定义语气更为强烈的强调文本。
<strong>强调的文本。</strong><sub>
- 定义下标文本。
文本<sub>下标</sub>。<sup>
- 定义上标文本。
文本<sup>上标</sup>。<var>
- 定义变量文本。
<var>变量文本。</var><dfn>
- 一个短语标签，用来定义一个定义项目
<dfn>短语的文本。</dfn><samp>
- 定义计算机代码文本。
<samp>计算机代码的文本。</samp><pre>
- 定义预格式化文本。
<pre>预格式化的文本</pre><code>
- 定义计算机代码文本。
<code>计算机代码的文本</code><kbd>
- 定义键盘文本。
<kbd>键盘的文本。</kbd><cite>
- 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题
<cite>The Scream</cite><time> 5️⃣
- 定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。
<time datetime="1970-01-01T00:00:00Z"> January 1, 1970 </time><blockquote>
- 定义摘自另一个源的块引用。
- 浏览器通常其进行缩进。
<blockquote>块引用。</blockquote><meter> 5️⃣
- 度量衡。仅用于已知最大和最小值的度量。
- 不能作为一个进度条来使用， 进度条
<progress>标签。
| 属性名 | 值 | 说明 |
|---|---|---|
| formNew | form_id | 规定 <meter> 元素所属的一个或多个表单。 |
| highNew | number | 规定被界定为高的值的范围。 |
| lowNew | number | 规定被界定为低的值的范围。 |
| maxNew | number | 规定范围的最大值。 |
| minNew | number | 规定范围的最小值。 |
| optimumNew | number | 规定度量的最优值。 |
| valueNew | number | 必需。规定度量的当前值。 |
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter><progress> 5️⃣
- 定义运行中的任务进度（进程）
| 属性名 | 值 | 说明 |
|---|---|---|
| maxNew | number | 规定需要完成的值。 |
| valueNew | number | 规定进程的当前值。 |
<progress value="22" max="100"></progress><ruby><rp><rt> 5️⃣
<rp>标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。- ruby 注释是中文注音或字符。在东亚使用，显示的是东亚字符的发音。
<ruby>元素由一个或多个需要解释/发音的字符和一个提供该信息的<rt>元素组成，还包括可选的<rp>元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
漢 <rp>(</rp><rt>han</rt><rp>)</rp>
字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby><wbr> 5️⃣
- 规定在文本中的何处适合添加换行符。
<p><wbr>HTML_____________________<wbr><wbr>HTML_____________________<wbr><wbr>HTML_____________________<wbr><wbr>HTML_____________________<wbr><wbr>HTML_____________________<wbr></p>