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

89 阅读 0 评论 59 点赞

我是靠谱客的博主发嗲小丸子，最近开发中收集的这篇文章主要介绍html中cite标签的使用方法及属性详解，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本篇文章主要给大家介绍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>
登录后复制

前台效果如下：