HTML如何引用文本?引用标签的使用

如果想要在HTML引用一段文本,并将其凸显出来要如何实现?下面本篇文章就来给大家介绍一下使用HTML 引用标签,希望对大家有所帮助。

在HTML中可以使用引用标签<blockquote>和<q>来引用文本。

<q> 标签定义短的引用,浏览器经常在引用的内容周围添加引号。

<blockquote>标签定义块引用,其包含的文本都会从常规文本中分离出来,浏览器通常会对 <blockquote> 元素进行缩进处理;有时显示为斜体。

示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<p>浏览器通常会在 q 元素周围包围引号。</p>

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

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

<blockquote cite="http://www.worldwildlife.org/who/index.html">

五十年来,WWF 一直致力于保护自然界的未来。 WWF 工作于 100 个国家,

并得到美国一百二十万会员及全球近五百万会员的支持。

</blockquote>

</body>

</html>

效果图:

此外,<blockquote>标签和<q>标签都可以通过添加cite属性来指定引用的来源。cite属性的值是一个包含在引号中并指向联机文档的 URL,以及(如果有可能的话)引用在该文档中的确切位置。

例:

<blockquote cite ="https://www.html.cn/"></blockquote>

主流浏览器均不支持 cite 属性。不过,搜索引擎可能会使用该属性获得更多有关引用的信息。

更多web开发知识,请查阅 HTML中文网 !!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,406评论 1 41
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,175评论 0 0
  • HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 1,355评论 0 10
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,130评论 1 25
  • 兼容性:HTML5在老版本的浏览器上也可以正常运行 实用性:HTML5内部并没有特别复杂的功能,它只封装了那些常用...
    舌尖上的苏东坡阅读 2,612评论 0 0