当前位置: 首页 > article >正文

HTML入门教程9:HTML引用

一、短引用:<q> 标签

<q> 标签用于表示一个短的引用,通常会在引用的文本周围添加引号(这取决于浏览器的默认样式)。这个标签是语义化的,它告诉浏览器和其他设备这段文本是一个引用。

<p>正如<q>孔子</q>所说:“己所不欲,勿施于人。”</p>

二、长引用或块引用:<blockquote> 标签

对于较长的引用,应该使用 <blockquote> 标签。这个标签会创建一个块级元素,通常会有一定的缩进,用于区分引用的文本和周围的文本。

<blockquote>
  <p>这是一个长引用的例子,它可以包含多个段落,用于引用较长的文本块。</p>
  <p>这段文本通常会有一定的缩进,以区别于普通的段落文本。</p>
</blockquote>

三、行内引用与块引用

  • 行内引用:使用 <q> 标签,它通常不会打破文本的流动,而是将引用内嵌在行内。
  • 块引用:使用 <blockquote> 标签,它会创建一个新的块级元素,通常用于较长的引用。

四、引用的属性

虽然 <q><blockquote> 标签本身已经足够表达引用的语义,但有时候你可能想要添加额外的信息,比如引用的来源。这可以通过 cite 属性来实现:

<blockquote cite="https://www.example.com/article">
  <p>这段文本是从Example网站的文章中引用的。</p>
</blockquote>

注意,cite 属性并不是用来显示引用的URL,而是用来提供引用的来源信息,这个信息可以被浏览器、搜索引擎或屏幕阅读器等设备使用。

五、注意事项

  • 使用 <q><blockquote> 标签时,要确保引用的文本确实是来自其他来源的,不要将它们用于普通的强调或样式化文本。
  • 尽量避免在引用中嵌套引用,这可能会让文档的结构变得复杂且难以理解。
  • 引用应该准确反映原始文本的意思,不要篡改或断章取义。

通过合理使用HTML的引用标签,你可以使网页内容更加丰富和多样,同时提高文档的可读性和语义性。


http://www.kler.cn/a/371912.html

相关文章:

  • jenkins自动化构建vue(web)项目并部署(项目实战)
  • 探熵科技|以科技赋能销售,创造卓越业绩。
  • Flutter Image和Text图文组件实战案例
  • 谷歌云GCP基础概念讲解
  • stm32使用SIM900A模块实现MQTT对接远程服务器
  • Docker搭建基于Nextcloud的个人云盘/私有云盘/个人相册/家庭NAS
  • java 大集合切分成一个集合中有多个小集合
  • Java程序设计基础 第十七章:反射和设计模式
  • 大话PM | 从项目管理软件看项目管理的三个原则两个思维两个工具
  • 深入 Prometheus 监控生态 - 第五篇:利用 API 信息进行监控(NAS 备份任务监控 + 解决思路)
  • 【约束优化】一次搞定拉格朗日,对偶问题,弱对偶定理,Slater条件和KKT条件
  • 画思维导图的app有哪些?5个软件让你轻松画思维导图不求人
  • PostgreSQL 不同模式之间的数据迁移
  • Python小游戏18——中国象棋
  • 安卓13 连接usb设备后不更新ui
  • Android 应用权限管理详解
  • 【Linux】线程锁同步互斥生产消费模型
  • Windows: 如何实现CLIPTokenizer.from_pretrained`本地加载`stable-diffusion-2-1-base`
  • 网络爬虫的基本原理是什么?
  • 初始Docker
  • NVR设备ONVIF接入平台EasyCVR视频分析设备平台视频质量诊断技术与能力
  • 深入解析 MySQL 数据库:数据类型
  • Rust精简核心笔记:第二波,语法精髓部分解锁
  • 十六:Python学习笔记-- 爬虫(2)requests 模块详解
  • 装饰器怎样实现
  • LeetCode --- 420周赛