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

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

实例说明
经过前面内容的学习了解到,在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所示。

时间: 2024-09-02 02:40:54

《HTML5 开发实例大全》——1.22 使用< cite >元素引用文档的相关文章

《HTML5 开发实例大全》——导读

前言 从HTML 5标准被推出以来,经过几年的探索和发展,在浏览器公司的努力下,到本书截稿为止,HTML 5已经成为新一代网页技术的标准.目前已经有众多浏览器支持HTML 5的新功能,并且Android和iOS等智能手机平台也支持HTML 5. 从技术角度而言,HTML 5有两大特点:首先,强化了 Web 网页的表现性能:其次,追加了本地数据库等 Web 应用的功能.广义论及HTML 5时,实际指的是包括HTML.CSS和JavaScript在内的一套技术组合.它希望能够减少浏览器对于需要插件的

《HTML5 开发实例大全》——第1章 千里之行 始于足下——基本元素实战1.1 一个基本的HTML 5页面

第1章 千里之行 始于足下--基本元素实战 在全新的HTML 5中,有很多新的标记元素,通过这些新的标记元素可以实现传统HTML标记语言所不能实现的功能.另外在本章的内容中,还会引领读者一起重温HTML 5传统页面元素的使用技巧,为读者步入本书后面知识的学习打下基础. 1.1 一个基本的HTML 5页面 HTML5 开发实例大全 本实例的功能是编写一段基本的HTML 5程序,让读者体会HTML 5的基本语法.并体会HTML 5在哪一种浏览器中可以正常运行. 具体实现 使用Dreamweaver创

《HTML5 开发实例大全》——1.31 在网页中显示联系信息

1.31 在网页中显示联系信息 https://yqfile.alicdn.com/37f80a150194ce838dd513a03d9c67545e197f93.png" > 实例说明 在HTML 5 中,可以使用< address >标记元素定义文档作者或拥有者的联系信息.如果 < address > 元素位于 < article > 元素内部,则它表示该文章作者或拥有者的联系信息.通常的做法是将< address >元素添加到网页的头

《HTML5 开发实例大全》——1.21 在网页中突出显示某些文字

1.21 在网页中突出显示某些文字 https://yqfile.alicdn.com/3a46b22148d673e5df7bfc45f9fb868a5efa8dde.png" > 实例说明 在HTML页面中,经常需要展示的一段文章或文字称为文本内容.为了使文本内容更加形象.生动,需要增加一些特殊功能的元素,用于突出文本间的层次关系或标为重点,我们将这样的元素称为文本层次语义标记. 在HTML 5中,通过元素< time >.< mark >和< cite

《HTML5 开发实例大全》——1.23 在网页中显示一幅图片

1.23 在网页中显示一幅图片 实例说明 在HTML 5页面中,除了显示文档或字符外,还经常需要放入一些其他元素,例如图片< img >.页面< iframe >和多媒体< object >等.这些元素对于整个DOM文档来说,属于嵌入内容.其中< img >元素的功能是在页面中导入一幅图像,它是页面开发中使用较为频繁的一个元素.在HTML 5中,该元素的"border"."align"."hspace&quo

《HTML5 开发实例大全》——1.18 通过JavaScript脚本获取并显示文本框的内容

1.18 通过JavaScript脚本获取并显示文本框的内容 实例说明 在HTML 5应用中,为了增加页面的互动性,需要对文档编写客户端脚本,最常用的语言是JavaScript.通过编写客户端的脚本语言,可以实现对页面文档进行验证表单.变更内容等操作. 在页面文档中,有如下两个用于标志脚本的标签. (1)< script >元素:既可以包含脚本语言,也可以通过src属性导入一个脚本文件:同时选择元素的必选属性type与MIME类型. (2)< noscript >元素:是一个检测工

《HTML5 开发实例大全》——1.5 使用&lt; details &gt;标记元素实现交互

1.5 使用< details >标记元素实现交互 实例说明 < details >标记是一个全新的HTML 5元素,功能是描述文档或文档某个部分的细节.< details >标记经常与< summary >元素配合使用.在默认情况下,不显示< details >标记中的内容.当与< summary >标记配合使用时,在单击< summary >标记后才会显示< details >元素中设置的内容.< d

《HTML5 开发实例大全》——1.9 使用&lt; summary &gt;标记元素实现交互

1.9 使用< summary >标记元素实现交互 https://yqfile.alicdn.com/ff51224fc6e74576b1d2587a54377eb2ee76b59d.png" > 实例说明在全新的HTML 5中,标记< summary >包含了< details >元素的标题,元素< details >能够描述有关文档或文档片段的详细信息.< summary >是HTML 5中新增的一个标记,常包含于<

《HTML5 开发实例大全》——1.16 使用&lt; html &gt;根元素显示文字

1.16 使用< html >根元素显示文字 实例说明在全新的HTML 5中,< html >元素用于告知浏览器这是一个 HTML 文档.html 元素是 HTML 文档中最外层的元素,也经常被称为根元素.< html >元素在浏览器执行页面时,告知它执行的是一个HTML文档.在HTML 5与HTML 4.0.1版本中,该元素的差异不大,主要区别在于xmlns属性.在HTML 4.0.1中,属性xmlns是必需的,因为它将在HTML转成xmlns的过程中发挥作用.而在H