前端笔记-html-引用-20221020

HTML 引用

1.<q>标签：用于短的引用。浏览器通常会为 <q> 元素包围引号。

<p> WWF的<q>目标是构建人与自然和谐共处的世界</q></p>

 

2.<blockquote> 标签：长引用。浏览器通常会对 <blockquote> 元素进行缩进处理。

<p>
    以下内容引用自 WWF 的网站：
    <blockquote cite="http://www.worldwildlife.org/who/index.html">
    五十年来，WWF 一直致力于保护自然界的未来。
    世界领先的环保组织，WWF 工作于 100 个国家，
    并得到美国一百二十万会员及全球近五百万会员的支持。
    </blockquote>
</p>

 

3.<abbr> 标签：定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

<p>
        世界卫生组织<abbr title="World Health Organization">WHO</abbr>成立于1948年
</p>

4.<dfn>标签：<dfn> 的用法，按照 HTML5 标准中的描述

4.1 如果设置了 <dfn> 元素的 title 属性，则定义项目

<p>
        <dfn title="World Health Organization">WHO</dfn>成立于1948年。
</p>
#没有虚线

4.2 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：

<p>
        <dfn>
            <abbr title="World Health Organization">WHO</abbr>成立于1948年
        </dfn>
</p>
#注意：这里下面会有小虚线

4.3 否则，<dfn> 文本内容即是项目，并且父元素包含定义。

</p>
    <p><dfn>WHO</dfn>World Health Organization成立于1948年
</p>

总结：要把解释的放在title里面，既包含了dfn和abbr里面的有显示的时候会有虚线

5.<address>标签：元素定义文档或文章的联系信息（作者/拥有者）。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

<address>
Written by Donald Duck.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

6.<cite>标签：定义著作的标题。浏览器通常会以斜体显示 <cite> 元素。

<p>
        <cite>The Scream</cite> by Edward Munch, painted in1893.
</p>

 

标签总结：

1. <abbr>定义缩写或首字母缩略语。
2. <address>定义文档作者或拥有者的联系信息。
3. <bdo>定义文本方向。
4. <blockquote>定义从其他来源引用的节。
5. <dfn>定义项目或缩略词的定义。
6. <q>定义短的行内引用。
7. <cite>定义著作的标题。