HTML 引用元素

在本章中,我们将学习

,和HTML元素。

在本章中,我们将学习 <blockquote><q><abbr><address><cite><bdo> HTML 元素。

HTML <blockquote> 元素定义引用

HTML <blockquote> 元素定义了一个引用自其他来源的部分。

浏览器通常会缩进<blockquote>元素。

例子

<figure>
  <blockquote cite="https://www.gobeta.net/html-tutorials">
    <p>
      我认为,对我们来说,一个人,一个党,一个军队,或者一个学校,如若不被敌人反对,那就不好了,那一定是同敌人同流合污了。如若被敌人反对,那就好了,那就证明我们同敌人划清界线了。如若敌人起劲地反对我们,把我们说得一塌糊涂,一无是处,那就更好了,那就证明我们不但同敌人划清了界线,而且证明我们的工作是很有成绩的了。
    </p>
  </blockquote>
  <figcaption>毛主席, <cite>《被敌人反对是好事而不是坏事》</cite></figcaption>
</figure>

cite 属性通常用来标识引用内容的来源 URL。

HTML <q> 元素定义简短引用

HTML <q> 元素定义了一个简短的引用。

浏览器通常会在引号周围插入引号。

例子

<p>
  世界各国领导人于2000年9月签署了《联合国千年宣言》,<p>承诺消除贫穷、饥饿、疾病、文盲、环境恶化和对妇女的歧视</p></p>

HTML <abbr> 元素定义缩写

HTML <abbr> 元素定义缩写或首字母缩略词,如“HTML”、“CSS”、“Mr.”、“Dr.”、“ASAP”、“ATM”。

<abbr> 缩写元素可以为浏览器、翻译系统和搜索引擎提供有用的信息。

! 提示: 当您将鼠标悬停在元素上时,使用全局标题属性显示缩写/首字母缩略词的描述。

例子

<p>
  The <abbr title="World Health Organization">WHO</abbr> 创建于 1948.
</p>

HTML <address> 元素定义联系信息

HTML <address> 元素定义文档或文章的作者或者所有者的联系信息。

联系信息可以是电子邮件地址、URL、实际地址、电话号码、社交媒体账号等。

<address> 元素中的文本通常以斜体呈现*,*  浏览器总是会在 <address> 元素前后添加换行符。

例子

<address>
  本文整理人 GoBeta.NET.<br />
  网址: https://www.gobeta.net<br />
</address>

HTML <cite> 元素定义标题

HTML <cite> 元素定义了创意作品的标题(例如一本书、一首诗、一首歌、一部电影、一幅画、一个雕塑等)。

! 注意: 人名不是作品的标题。

<cite> 元素中的文本通常以斜体呈现。

例子

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> 定义文本的方向

HTML <bdo> 元素用于改写当前文本方向。

例子: 从右向左输出文本

<bdo dir="rtl">This text will be written from right to left</bdo>

属性 dir 定义呈现内容的方向,有两个可选值:

  • ltr: 指示文本应从左到右的方向,这是默认的选项
  • rtl: 指示文本应从右到左的方向

HTML 引用

标签 含义
<abbr> 定义缩写或首字母缩略词
<address> 定义文档作者/所有者的联系信息
<bdo> 定义文本的方向
<blockquote> 定义引用的内容
<cite> 定义作品的标题
<q> 定义简短引用,行内元素

如需所有可用 HTML 标签的完整列表,请访问 HTML 标签参考。