当前阅读教程:HTML入门到精通 > 2.7.3 HTML 引文, 引用, 及标签定义 | |||||||||||||||||||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||||||||||||||||
上一篇: 2.7.2 HTML 计算机输出标签 | 下一篇: 2.8 HTML 链接 a标签 | ||||||||||||||||||||||||||||||||
常用标签和意义
abbr 标签<abbr> 标签用来表示一个缩写词或者首字母缩略词,如"WWW"或者"NATO"。 通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。 下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>abbr 标签</title> </head> <body> <p><abbr title="Huang Ju Hua">HJH</abbr> 是名字的缩写!</p> </body> </html> 效果如图2-12。 address 标签<address> 标签定义文档/ 作者所有者的联系信息。 如果 <address> 元素位于 <body> 元素内部,则它表示该文档/ 作者所有者的联系信息。 如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。 <address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。 提示:不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。 提示:<address> 元素通常被包含在 <footer> 元素的其他信息中。 下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>address 标签</title> </head> <body> <address> 作者<a href="mailto:45157718@qq.com">黄菊华</a>.<br> 浙江杭州东港路118号<br> 中国 </address> </body> </html> 效果如图2-13。 bdo 标签bdo 指的是 bidi 覆盖(Bi-Directional Override)。 <bdo> 标签用来覆盖默认的文本方向。属性如下:
下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>bdo 标签</title> </head> <body> <p>该段落文字从左到右显示。</p> <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p> </body> </html> 效果如图2-14。 blockquote 标签<blockquote> 标签定义摘自另一个源的块引用。 浏览器通常会对 <blockquote> 元素进行缩进。 提示:如果标记是不需要段落分隔的短引用,请使用 <q>,属性如下:
下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>blockquote 标签</title> </head> <body> <h1>blockquote 标签</h1> <p>下面是我们引用的内容:</p> <blockquote cite="http://www.4317.org"> blockquote标签定义摘自另一个源的块引用。浏览器通常会对blockquote元素进行缩进。 </blockquote> </body> </html> 效果如图2-15。 q 标签<q> 标签定义一个短的引用。 浏览器经常会在这种引用的周围插入引号。 提示:请使用 <blockquote> 来标记摘自另一个源的块引用,属性如下:
下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>q 标签</title> </head> <body> <p>q 标签: <q>q标签定义一个短的引用。浏览器经常会在这种引用的周围插入引号</q>, 前面是引用内容。 </p> </body> </html> 效果如图2-16。 cite 标签<cite> 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。 注释:人名不属于作品的标题。 HTML 4.01 与 HTML5之间的差异 在 HTML5 中,<cite> 标签定义作品的标题。 在 HTML 4.01 中,<cite> 标签定义一个引用。 下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>cite 标签</title> </head> <body> <h2>HTML从入门到精通</h2> <p><cite>图书作者</cite> 黄菊华 于 浙江杭州</p> </body> </html> 效果如图图2-17。 |
|||||||||||||||||||||||||||||||||
上一篇: 2.7.2 HTML 计算机输出标签 | 下一篇: 2.8 HTML 链接 a标签 |