• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 掌握常用的用于网页中引用内容的HTML标记

掌握常用的用于网页中引用内容的HTML标记

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含内容,标记,引用,网页,常用,用于,掌握,<,q>,使用,标签等相关知识,佚名 希望在学习及工作中可以帮助到您

长的引使用blockquote,短的引号使用q,参考文献引用使用cite。在实践中,通常只用到blockquote和q。
根据的HTML规范,有三个元素,用于引用内容,即<blockquote> <q> <cite>。现实中,对这些标签的使用还是比较少,因此,当你真正应用的时候,应该使用什么标签?你必须对它们的语义了如指掌。
<blockquote>
blockquote是内容的引用。内容必须包括块级元素,如标题,列表,段落或div标签。这个元素也可以有一个可选属性cite指定的位置(以URI的形式出现)例如:
<blockquote cite="http://www.jb51.net/reference/htmltags/blockquote/">
<p>A large quotation. The content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.</p>
<p>cite can be used to specify the location (in the form of a URI) where the quote has come from.</p>
</blockquote>
<q>
<q> 标签可定义一个短的引用。<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。
Bob said <q>sexy pyjamas</q> but Chris said <q>a kimono</q>
虽然<q>几乎从未使用过,它有一些有用的属性。例如,您可以通过的CSS为<q>指定的外观引号符号 。这是允许的
Q {}
Q {quotes: '»' '«' }
Q {quotes: '„' '“'}
看起来似乎不错,不过IE全系列都不支持,即使是最新的IE8也是。巨囧~~
<cite>
使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。例如:
<p>And <cite>Bob</cite> said <q>No, I think it's a banana</q>.</p>
总结:
长的引使用<blockquote>,短的引号使用<q>,参考文献引用使用<cite>。在实践中,通常只用到<blockquote>和<q>。

您可能想查找下面的文章:

  • 关于table表格中的内容溢出布局方法
  • iframe截取网站部分内容实现思路及代码
  • div可以输入内容不用input作为输入框屏蔽自动的input样式
  • html a 链接标签title属性换行鼠标悬停提示内容的换行效果
  • Html长文本超出标记宽度后自动截取实现代码
  • HTML基础之HTML内容细则
  • 作用相似html标记:strong与em、q、cite、blockquote
  • 掌握常用的用于网页中引用内容的HTML标记
  • W3C教程(11):W3C DOM 活动

相关文章

  • 2017-08-05html 可输入下拉菜单的实现方法
  • 2017-08-05网页设计 TabIndex元素
  • 2017-10-05页面之前跳转 和页面之间传递参数
  • 2017-08-05表单文件选择框样式自定义示例
  • 2017-08-26HTML行元素和块元素
  • 2017-08-05可以让IE假死的HTML代码
  • 2017-08-05HTML 网页头部代码全清楚
  • 2017-08-05HTML里面Textarea换行问题总结
  • 2017-08-05HTML small标记使用技巧
  • 2017-08-05meta viewport使网页在iPhone中满屏显示控制

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html 空链接 href="#"与href="javascript:void(0)"的区别
    • Data URI和MHTML完整解决所有浏览器
    • IE6的BUG及修复 谓防患于未然的策略
    • iframe截取网站部分内容实现思路及代码
    • HTML title 属性换行的办法
    • 什么是软件404和404错误 它们之间有什么区别
    • table设置背景图片,不能100%显示解决方法
    • a标签怎么去下划线以及实现点击前和点击后不变色
    • W3C教程(2):W3C 程序
    • DIV背景半透明文字不半透明的样式

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有