首页 » 编程语言 » html » 正文

html元素cite标签的用法及作用详解

html元素<cite>标签在html5版本中升级成了一个定义作品标题的标签,有关该标签的使用方法及作用详解如下:

<cite>标签的定义

<cite>标签用于定义作品的标题或一个参考文献的引用,人名不属于著作的标题;

<cite>标签包含的文本字体以斜体效果显示;

浏览器支持情况

 <cite> 标签已被所有主流浏览器支持。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中,<cite> 标签定义作品的标题。

在 HTML 4.01 中,<cite> 标签定义一个引用。

<cite>标签的用法

<cite>作品的标题或一个引用</cite>

<cite>标签定义的作品标题将显示为斜体,它语义的作用远远超过了改变它所包含的文本外观,浏览器可以以各种实用的方式来向用户表达文档的内容。

若不想<cite>标签内定义的文本显示斜体,就请用CSS样式来设置,去掉默认的斜体显示,代码如下:

cite{font-style:normal}

1、使用<cite>标签来定义作品的标题

比如一首诗歌的标题:

<p>
<cite>登鹳雀楼</cite><br/>
王之涣 (唐)<br/>
白日依山尽,黄河入海流;<br/>欲穷千里目,更上一层楼。
</p>

以上代码在ie浏览器中显示效果如下:

2020-01-05_152105.png

<cite>标签引用的或参看的作品标题,除了可以是一个诗歌的标题外,还可以是戏剧、脚本、图片的标题、歌曲、电影、照片、雕塑的名称、演唱会、音乐会、规范、报纸、法律文件;

2、使用<cite>标签来定义一个引用

<p>
你看不见你的真相,你所看见的,只是你的影子。——<cite>飞鸟集</cite>
</p>

如果引用的这些文档有可以访问的网络版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该网络版本。



欢迎您发表评论或留言