本篇文章主要给大家介绍HTML中cite标签的使用方法及属性详解

在我们日常的前端页面开发过程中,大部分朋友可能对cite这个标签使用得不是特别多。甚至对于一些新手来说,基本就没用过,或者没接触过。其实不常用的标签不代表是没有用的。事实上,cite标签在特定的项目要求下是非常重要的。

首先大家就要知道cite标签的定义是什么?

<cite> 标签通常用于在HTML语言中表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。按照惯例,引用的文本将以斜体显示。

那么它是怎么用的呢?

下面我们结合一些简单的代码示例,给大家介绍HTML中cite标签的具体使用方法。

<!DOCTYPE html> <html> <meta charset="utf-8"> <title>HTML中cite标签使用示例</title> <head> <style> p{     color: red; }  </style> </head> <body> <cite>资治通鉴</cite><br> 《资治通鉴》,简称“通鉴”,是北宋司马光所主编的一本长篇编年体史书,共294卷,三百万字,耗时19年。<br> 记载的历史由周威烈王二十三年(西元前403年)写起,一直到五代的后周世宗显德六年(西元959年)征淮南。<br>计跨16个朝代, 包括秦、汉、晋、隋、唐统一王朝和战国七雄、魏蜀吴三国、五胡十六国、南北朝、五代十国等等其他政权, 共1362年的逐年记载详细历史。<br>它是中国的一部编年体通史,在中国史书中有极重要的地位。<br> <p>cite标签里面的字体是斜体</p> </body> </html>

前台效果如下:

html中cite标签的使用方法及属性详解

那么具体的cite标签用处可以总结如下:

<cite> 标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。

注:

<cite> 标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。

本篇文章就是关于HTML中cite标签的使用方法及属性介绍,希望对需要的朋友有所帮助!

想要了解更多前端相关知识,可以关注PHP中文网HTML视频教程CSS视频教程Bootstrap教程等等相关教程,欢迎大家参考学习!

标签
DT素材网

DT素材网

148

0

0

( 此人很懒并没有留下什么~~ )