HTML引用

HTML中如何标记引用内容?

喜欢这个问题 | 分享 | 新建回答

回答

jerkzhang

Apr 16, 2020
0 赞

HTML引用 from 《HTML教程》 

<abbr> - 定义缩写或者首字母缩略语
<address> - 定义文档作者或网站所有者的联系信息
<bdo> - 定义文本方向
<blockquote> - 长文的引用
<q> - 短语的引用
<dfn> - 定义项目或定义缩略词
<cite> - 定义著作的标题


<blockquote> 引用长文
<blockquote> 元素是用来定义长篇幅的引用。

<p>这里是一段有关独孤求败的引文:</p>
<blockquote cite="https://baike.baidu.com/item/独孤求败/24317">
独孤求败,自命“剑魔”,
纵横江湖三十馀载,杀尽仇寇,败尽英雄,天下更无抗手,
无可柰何,惟隐居深谷,以雕为友。
呜呼,生平求一敌手而不可得,诚寂寥难堪也。
</blockquote>

运行一下


<q> 较短的引文
<q>元素用于较短的引文。

<p>杨过喃喃念著 <q>重剑无锋,大巧不工</q> 八字</p>

运行一下


<abbr> 缩略词元素
<abbr>是缩略词元素,可通过title属性描述去全称,从而有助于浏览器、搜索引擎、翻译系统理解。

<p>欢迎加入<abbr title="Impossible Mission Force">IMF</abbr></p>

运行一下


<address> 联系信息
<address>元素是用来定义该文档作者或者所有者的联系信息。通常来说会被显示成斜体。
使用<address>元素的目的是为了让搜索引擎等自动化程序更加容易理解该网页。

<address>
吸星大法作者:任我行<br>
联系地址:浙江省杭州市西湖区梅园地下三层<br>
邮政编码:310000
</address>

运行一下


<cite> 著作名称
<cite>元素是用来定义著作名称的。浏览器一般会将其显示成斜体。

<p><cite>黯然销魂掌</cite> 是神雕大侠杨过自创的绝学。</p>
<p><cite>黯然销魂饭</cite> 是食神史蒂芬·周自创的作品。</p>

运行一下


<bdo> 文本方向
<bdo>元素可用来定义文本方向,该元素的dir属性( 取值ltr代表从左到右、取值rtl代表从右到左 )可以用来定义具体该元素的文本排列方向是如何的。如下例所示。

<p>从右到左:<bdo dir="rtl">从右到左的文字 from right to left</bdo></p>
<p>从左到右:<bdo dir="ltr">从左到右的文字 from left to right</bdo></p>

运行一下