|
标签 |
说明 |
|
<cite> |
表示一个作品的引用，且必须包含作品的标题 |
|
<q> |
表示一个封闭的并且是短的行内引用的文本，这个标签是用来引用短的文本，所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代。 |
|
<blockquote> |
定义长的引用。 |
作品引用 <cite>
- <cite>表示一个作品的引用，且必须包含作品的标题。这个引用可能是一个根据适当的上下文约定关联引用的元数据的缩写。
- <cite> 标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
- 按照惯例，引用的文本将以斜体显示。
- 用 <cite> 标签把指向其他文档的引用分离出来，尤其是分离那些传统媒体中的文档，如书籍、杂志、期刊，等等。如果引用的这些文档有联机版本，还应该把引用包括在一个 <a> 标签中，从而把一个超链接指向该联机版本。
实例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> </head>
<body> <cite> <a href="#">Copyright © Me, Inc.</a> </cite> </body>
</html>
浏览器运行结果如下：
|
短的行内引用 <q>
- <p> 标签表示一个封闭的并且是短的行内引用的文本。这个标签是用来引用短的文本，所以请不要引入换行符
|
属性 |
描述 |
|
cite |
这个属性的值是 URL，意在指出被引用的文本的源文档或者源信息。这个属性重在解释这个引用的参考或者是上下文。 |
实例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> </head>
<body> <p>Everytime Kenny is killed, Stan will announce <q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact"> Oh my God, you/they killed Kenny! </q> </p> </body>
</html> |
浏览器运行结果如下：
长的块级引用 <blockquote>
- <blockquote> 标签代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进
- 在 HTML 4.01 中，<blockquote> 标签定义一段长引用。
- 在 HTML5 中，<blockquote> 标签定义摘自另一个源的块引用
- 若引文来源于网络，则可以将原内容的出处 URL 地址设置到 cite 特性上，若要以文本的形式告知读者引文的出处时，可以通过 <cite> 元素。
|
属性 |
描述 |
|
cite |
这个属性的值是 URL，意在指出被引用的文本的源文档或者源信息。这个属性重在解释这个引用的参考或者是上下文。 |
实例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> </head>
<body> <blockquote cite="https://www.huxley.net/bnw/four.html"> <p>Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.</p> </blockquote> </body>
</html> 浏览器运行结果如下：
|
