前端必知必会-html引用和注释

---

HTML 引用和引文元素

示例
以下是来自 百度csdn 网站的引文：

中国专业IT社区CSDN (Chinese Software Developer Network) 创立于1999年，致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。
旗下拥有：专业的中文IT技术社区： CSDN.NET；移动端开发者专属APP： CSDN APP、CSDN学院APP；新媒体矩阵微信公众号：CSDN资讯、程序人生、GitChat、CSDN学院、AI科技大本营、区块链大本营、CSDN云计算、GitChat精品课、人工智能头条、CSDN企业招聘；IT技术培训学习平台： CSDN学院；技术知识移动社区： GitChat；IT人力资源服务：科锐福克斯；高校IT技术学习成长平台：高校俱乐部。

用于引用的 HTML <blockquote>

HTML <blockquote> 元素定义从其他来源引用的部分。

浏览器通常会缩进 <blockquote> 元素。

示例

<p>以下是来自 百度csdn网站的引文：</p>
<blockquote cite="https://baike.baidu.com/item/CSDN/172150?fr=ge_ala">
中国专业IT社区CSDN (Chinese Software Developer Network) 创立于1999年，致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。
旗下拥有：专业的中文IT技术社区： CSDN.NET；移动端开发者专属APP： CSDN APP、CSDN学院APP；新媒体矩阵微信公众号：CSDN资讯、程序人生、GitChat、CSDN学院、AI科技大本营、区块链大本营、CSDN云计算、GitChat精品课、人工智能头条、CSDN企业招聘；IT技术培训学习平台： CSDN学院；技术知识移动社区： GitChat；IT人力资源服务：科锐福克斯；高校IT技术学习成长平台：高校俱乐部。
</blockquote>

效果

以下是来自 百度csdn网站的引文：

中国专业IT社区CSDN (Chinese Software Developer Network) 创立于1999年，致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。 旗下拥有：专业的中文IT技术社区： CSDN.NET；移动端开发者专属APP： CSDN APP、CSDN学院APP；新媒体矩阵微信公众号：CSDN资讯、程序人生、GitChat、CSDN学院、AI科技大本营、区块链大本营、CSDN云计算、GitChat精品课、人工智能头条、CSDN企业招聘；IT技术培训学习平台： CSDN学院；技术知识移动社区： GitChat；IT人力资源服务：科锐福克斯；高校IT技术学习成长平台：高校俱乐部。

HTML <q> 表示简短引文

HTML <q> 标签定义简短引文。

浏览器通常会在引文两边插入引号。

示例

<p>CSDN 的目标是：<q>为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。</q></p>

效果

CSDN 的目标是：为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。

HTML <abbr> 表示缩写

HTML <abbr> 标签定义缩写或首字母缩略词，如“HTML”、“CSS”、“Mr.”、“Dr.”、“ASAP”、“ATM”。

标记缩写可以向浏览器、翻译系统和搜索引擎提供有用的信息。

提示：使用全局 title 属性在鼠标悬停在元素上时显示缩写/首字母缩略词的描述。

示例

<p><abbr title="CSDN">CSDN</abbr> 成立于 1999 年。</p>

HTML <address> 表示联系信息

HTML <address> 标签定义文档或文章作者/所有者的联系信息。

联系信息可以是电子邮件地址、URL、实际地址、电话号码、社交媒体等。

<address> 元素中的文本通常以斜体显示，浏览器始终会在 <address> 元素前后添加换行符。

示例

<address>
作者：编程岁月。<br>
请访问我们：<br>
Example.com<br>
GuangZhou GuangDong<br>
china
</address>

效果

作者：编程岁月。
请访问我们：
Example.com
GuangZhou GuangDong
china

作品标题的 HTML <cite>

HTML <cite> 标签定义创意作品的标题（例如书籍、诗歌、歌曲、电影、绘画、雕塑等）。

注意：人名不是作品的标题。

<cite> 元素中的文本通常以斜体显示。

示例

<p><cite>霸王别姬</cite> 作者：莫言。创作于 1999 年。</p>

效果

霸王别姬 作者：莫言。创作于 1999 年。

HTML <bdo> 表示双向覆盖

BDO 代表双向覆盖。

HTML <bdo> 标签用于覆盖当前文本方向：

示例

<bdo dir="rtl">此文本将从右向左书写</bdo>

效果
此文本将从右向左书写

HTML 注释

HTML 注释标签

<!-- 在此处写下您的注释 -->

请注意，开始标记中有一个感叹号 (!)，但结束标记中没有

注意：浏览器不会显示注释，但它们可以帮助记录您的 HTML 源代码。

添加注释
使用注释，您可以在 HTML 代码中放置通知和提醒：

示例

<!-- 这是一条注释 -->

<p>这是一个段落。</p>

<!-- 请记住在此处添加更多信息 -->

隐藏内容

注释可用于隐藏内容。
如果您暂时隐藏内容，这将很有帮助：

示例

<p>这是一个段落。</p>

<!-- <p>这是另一个段落</p> -->

<p>这也是一个段落。</p>

效果

这是一个段落。

这也是一个段落。

可以隐藏多行。 <!-- 和 --> 之间的所有内容都将从显示中隐藏

示例
隐藏一段 HTML 代码：

<p>这是一个段落。</p>
<!--
<p>看看这张很酷的图片：</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>这也是一个段落。</p>

效果

这是一个段落。

这也是一个段落。

注释对于调试 HTML 也很有用，因为您可以逐行注释掉 HTML 代码行，以搜索错误

隐藏内联内容
注释可用于隐藏 HTML 代码中间的部分。

示例
隐藏段落的一部分：

<p>此 <!-- 精彩文本 --> 是一个段落。</p>

此 是一个段落。

---

总结

本文介绍了的html文本格式使用，如有问题欢迎私信和评论