《HTML5 开发实例大全》——1.22 使用< cite >元素引用文档-CSDN博客

本节书摘来自异步社区《HTML5 开发实例大全》一书中的第1章，第1.22节,作者：张明星更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.22 使用< cite >元素引用文档

713581801695f285b3c5e704d4d3540592be5dc3

实例说明

经过前面内容的学习了解到，在HTML 5中可以使用< cite >元素创建一个引用标记，用于在文档中引用参考文献之类的说明，例如，常见的书名或文章名称。在本实例中，首先通过< p >元素显示一段文档；然后，在文档的下面使用< cite >元素标识这段文档所引用的书名。

具体实现

使用Dreamweaver创建一个名为“022.html”的文件，具体代码如下所示：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>使用cite元素</title>
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
 <h5>iPhone iPad</h5>
 <p>
　　乔帮主离我们而去了，他的产品永远不会被忘记，车轮滚滚，
　　历史永远不会忘记他...</p>
 <p>
　　--- 引自 << <cite>斯蒂夫.乔布斯zzzzz</cite> >> ---
 </p>
</body>
</html>

在上述代码中，使用< cite >元素标识这段文档所引用的书名“iQuery权威指南”，因此，该书名在页面中显示为斜体，执行效果如图1-41所示。