HTML引用

已于 2023-01-18 01:51:48 修改
阅读量539 收藏 3
点赞数 1
分类专栏： HTML入门、进阶与实战 文章标签： html 前端 javascript html5 前端框架
于 2022-12-25 11:58:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59180666/article/details/128434162
版权

目录

引用（Quotation）

HTML 用于短的引用

实例

用于长引用的 HTML

实例

用于缩略词的 HTML

实例

用于定义的 HTML

实例

实例

实例

用于联系信息的 HTML

实例

用于著作标题的 HTML

实例

用于双向重写的 HTML

实例

HTML 引文、引用和定义元素

一个完整的实例

引用（Quotation）

这是摘自 WWF 网站的引文：

五十年来，WWF 一直致力于保护自然界的未来。 世界领先的环保组织，WWF 工作于 100 个国家，并得到美国一百二十万会员及全球近五百万会员的支持。

HTML <q> 用于短的引用

HTML <q> 元素定义短的引用。

浏览器通常会为 <q> 元素包围引号。

实例

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

亲自试一试

用于长引用的 HTML <blockquote>

HTML <blockquote> 元素定义被引用的节。

浏览器通常会对 <blockquote> 元素进行缩进处理。

实例

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

亲自试一试

用于缩略词的 HTML <abbr>

HTML <abbr> 元素定义缩写或首字母缩略语。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

实例

<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>

亲自试一试

用于定义的 HTML <dfn>

HTML <dfn> 元素定义项目或缩写的定义。

<dfn> 的用法，按照 HTML5 标准中的描述，有点复杂：

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

实例

<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>

亲自试一试

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

实例

<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>

亲自试一试

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

实例

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

亲自试一试

注释：如果希望简而化之，请使用第一条，或使用 <abbr> 代替。

用于联系信息的 HTML <address>

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

此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

实例

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

亲自试一试

用于著作标题的 HTML <cite>

HTML <cite> 元素定义著作的标题。

浏览器通常会以斜体显示 <cite> 元素。

实例

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

亲自试一试

用于双向重写的 HTML <bdo>

HTML <bdo> 元素定义双流向覆盖（bi-directional override）。

<bdo> 元素用于覆盖当前文本方向：

实例

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

亲自试一试

HTML 引文、引用和定义元素

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

一个完整的实例

<!DOCTYPE HTML>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Quotation</title>
</head>

<body>
<!--HTML <q> 元素定义短的引用。
浏览器通常会为 <q> 元素包围引号-->
<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>

<!--HTML <blockquote> 元素定义被引用的节。
浏览器通常会对 <blockquote> 元素进行缩进处理。-->
<p>以下内容引用自 WWF 的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。
世界领先的环保组织，WWF 工作于 100 个国家，
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

<!--HTML <abbr> 元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。-->
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>

<!--HTML <dfn> 元素定义项目或缩写的定义。
<dfn> 的用法，按照 HTML5 标准中的描述，有点复杂：
1. 如果设置了 <dfn> 元素的 title 属性，则定义项目：-->
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
<!--2. 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：-->
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
<!--3. 否则，<dfn> 文本内容即是项目，并且父元素包含定义。-->
<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
<!--如果您希望简而化之，请使用第一条，或使用 <abbr> 代替。-->

<!--HTML <address> 元素定义文档或文章的联系信息（作者/拥有者）。
此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。-->
<address>
Written by <a href="mailto:2621104213@qq.com">Vector Kun</a>.<br>
Visit us at:<br>
China.gov.cn<br>
SCSE,UESTC<br>
PRC
</address>

<!--HTML <cite> 元素定义著作的标题。
浏览器通常会以斜体显示 <cite> 元素。-->
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

<!--HTML <bdo> 元素定义双流向覆盖（bi-directional override）。
<bdo> 元素用于覆盖当前文本方向：-->
<bdo dir="rtl">This text will be written from right to left</bdo>

</body>
</html>

Vec_Kun
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
HTML引用JavaScript
10-06
HTML引用JavaScript的两种方式
HTML引用CSS（4种方法）
ccc369639963的博客
05-06 1906
因为内嵌样式表需要将 CSS 样式定义在 HTML 文档的内部，所以会导致文档的体积变大，而且当有其它文档也需要使用内嵌样式表中同样的样式时，无法引入到其他文档，必须在其它文档中重新定义，会导致代码冗余，不利于后期维护。外部样式表是最常见也是最推荐的引用 CSS 的方式，您只需要将 CSS 样式定义在一个 .css 格式的文件中，然后使用 HTML 的标签将这个 .css 格式的样式文件应用到 HTML 文档中。@import同样可以在 .css 格式的文件中使用，但同样需要定义在所有样式的前面；
html里面怎么引别的页面_html中引入调用另一个html的5种方法 – CODE大全
weixin_30438795的博客
01-14 1045
html中引入调用另一个html的方法，尝试了好几种，都列出来：其中第一种是最好的，其他的方法，可以尝试看看，是不是适合你当前项目div+$(“#page1”).load(“b.html”)参考代码：$("#page1").load("page/Page_1.html");$("#page2").load("page/Page_2.html");iframe参考代码：frameborder="no...
HTML引用公共页面（header.html和footer.html）
senmu_的博客
11-02 3276
HTML引用公共页面（header.html和footer.html） 我们做项目时，会发现许多页面有相同的部分，重复写会花费大量不必要的时间，复制的话修改不方便。只要我们把公共部分提取出来，单独写，在需要用的时候引入就可以。 <body> <div class="headerpage"></div> <div>...中间部分...</div> <div class="footerpage"></div> <scrip
HTML中调用JavaScript的几种情况和规范写法
a998lg的博客
01-24 1575
比较简单，基础。 一、引用外部文件中的js脚本 script type="text/javascript" src="ext.js">script> 也可以象下面这样写，language不是必要的，但是推荐上面的写法 script language="javascript" type="text/javascript" src="ext.js">script>
HTML 引用
zhou920786312的博客
11-12 522
HTML 引文、引用和定义元素 标签 描述 <abbr> 定义缩写或首字母缩略语。 <address> 定义文档作者或拥有者的联系信息。 <bdo> 定义文本方向。 <blockquote> 定义从其他来源引用的节。 <dfn> 定义项目或缩略词的定义。 <q> 定义短的行内引用。 <cite> 定义著作的标题。HTML <q> 元素定义短的引用。 浏览器通常会为 <
HTML的引用
LBJ8888888的博客
04-05 213
<q></q>定义比较短的引用，直接加双引号 <blockquote cite="来源的网址"</blockquote>浏览器用缩进的形式显示该段文本 HTML5强调：语义与现实分离（意思是说写好的东西普普通通，但是可以通过另外的修饰让它变得不普通） <cite></cite>定义标题《中国合伙人》,默认是斜体，但是可以通过C...
博主推荐html引用百度地图定位闪烁弹框树形(源码)
05-19
1.实现百度地图引用效果；2.实现根据坐标定位；3.实现根据数据状态闪烁坐标点；4.实现两点之间线路闪烁； 等 更多见介绍地址：https://blog.csdn.net/weixin_43151418/article/details/124839361
在html中引入外部js文件,并调用带参函数的方法
10-21
下面小编就为大家带来一篇在html中引入外部js文件,并调用带参函数的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js在HTML的三种引用方式详解
10-14
主要介绍了js在HTML的三种引用方式详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Web前端开发之HTML_3
zx1026409886的博客
04-23 981
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
用html写一个旋转菜单
liulang68的博客
04-24 869
【代码】用html写一个旋转菜单。
用html画一个四叶草
liulang68的博客
04-20 1569
以上是部分代码，需要请看主页加联系方式。
在HTML中使用JavaScript实时显示当前日期和时间（结尾完整例程）
最新发布
weixin_67244432的博客
04-29 420
在Web开发中，经常需要在网页上显示当前的日期和时间。HTML本身并不具备这样的动态功能，但我们可以借助JavaScript来实现。JavaScript是一种常用的前端脚本语言，它可以轻松地获取系统时间，并将其插入到HTML元素中。现在，当您打开这个HTML页面时，它将实时显示当前的日期和时间，并且每秒都会自动更新。的JavaScript文件，并编写用于获取和格式化当前日期时间的函数。首先，我们创建一个HTML文件，并在其中添加一个用于显示日期和时间的。函数，以便实时更新显示的日期时间。
vue echarts折线图 折线堆积图和折线面积图
Z18834071903的博客
04-26 321
vue echarts折线图 折线堆积图和折线面积图
如何在html中调用函数
07-04
在HTML中调用函数主要有两种方式： 1. 直接调用：在HTML中使用`onclick`等事件属性来直接调用函数。例如，如果你有一个名为`myFunction`的函数，你可以在HTML元素上使用`onclick`属性来调用它，如下所示： ```html <button onclick="myFunction()">点击我</button> ``` 这样，当用户点击按钮时，`myFunction`函数就会被调用。 2. 通过事件监听器调用：通过JavaScript代码添加事件监听器，以便在特定事件发生时调用函数。首先，为要触发函数调用的HTML元素添加一个唯一的`id`属性，然后在JavaScript中使用`addEventListener`方法来添加事件监听器。例如： ```html <button id="myButton">点击我</button> <script> document.getElementById("myButton").addEventListener("click", myFunction); function myFunction() { // 函数逻辑 } </script> ``` 当用户点击按钮时，`myFunction`函数就会被调用。 无论你选择哪种方式，都需要在JavaScript中定义相应的函数，并在需要的时候调用它们。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Vec_Kun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值