📌  相关文章
📜  如何定义插入到 HTML5 文档中的文本元素?(1)

📅  最后修改于: 2023-12-03 15:38:43.332000             🧑  作者: Mango

如何定义插入到 HTML5 文档中的文本元素?

在 HTML5 中,可以使用 various text-level semantic elements(各种文本级别语义元素)来定义插入到 HTML 文档中的文本元素。这些元素经过了语义化设计,并且可以让用户在不依赖于样式的情况下,更好地理解文本信息。

常用 Text-level semantic elements(文本级别语义元素):
<strong> 和 <em>

<strong><em>元素的作用是给一些文字加上强调和重点,类似于斜体和加粗效果。

语法:

<strong>这是重点</strong>
<em>这是强调</em>
<mark>

<mark>元素可以将一段文字标记为重要的内容(比如搜索关键字)。这个元素会在浏览器中添加高亮的效果。

语法:

<mark>这是重要的内容</mark>
<del> 和 <ins>

<del><ins>元素用来表示文本的删除和添加。这些元素通常会呈现为中划线和下划线的效果。

语法:

<del>这段被删除的文本</del>
<ins>这是添加的新文本</ins>
<sub> 和 <sup>

<sub><sup>元素可以让一些小的文本嵌入到主要文本中,常常用来显示脚注和上下标。

语法:

H<sub>2</sub>O
x<sup>2</sup>
<small>

<small>元素用来表示文本的小号字体。

语法:

<small>这是小号的文字</small>
<abbr>

<abbr>元素用来表示缩写语或首字母缩略词。鼠标悬停在元素上可以显示全称。

语法:

<abbr title="Hypertext Markup Language">HTML</abbr>
<q> 和 <cite>

<q><cite>元素用来表示直接引用句子和书籍等的标题。

语法:

<q>这是一个引用</q>
<cite>这是引用书籍的标题</cite>
结论

以上是常用的 Text-level semantic elements(文本级别语义元素),使用这些元素可以使文本信息更加清晰明了,在不同设备和场景下也表现更加优美。