作用相似html标记:strong与em、q、cite、blockquote,在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有

                        在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite           
在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类,但是这里还是有一些区别的,首先来一一解释。
<q></q>,q的作用是引用非块元素,也就是引用不能形成段落的内容,可能是某人说的一句话,也可能是一句文档摘录等,特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过CSS去使之与一般内容区分开。在q标签中还有一个属性是非常重要的,那就是cite。在这个cite属性值中主要是注明引用内容的出自何处,或是给出在线的地址。
<q cite="http://andymao.com/andy/post/92.html">这次的内容会让你更进一步的了解到关于段落里的细节</q>
要特别注意不要把q写成p,这两个标签很容易弄错。
在上一篇中其实已经谈到了cite,在那篇文章中我写到“这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容,也有点像是脚注。”那么他与q之间的区别是什么呢?其实很容易理解,q是显示内容,而cite则是显示说这段内容的人名或是书名。cite与q常常混合起来使用。比如:
<cite>鲁迅</cite>先生说:<q>地上本来没有路,走得人多了,便有了路</q>。观看本站更多的html标记内容。
那么blockquote与他们有什么区别呢?blockquote是块引用,XHTML允许其包含任何标签。而上面的q与cite则没有这么大的包容度。blockquote的使用是当需要引用一段或是多段内容时所采用的,浏览器一般默认处理会把引用内容缩进一些以与正常的段落文章区分开。当然我们可以通过CSS样式来改变区分的形式。
在blockquote中有一个cite属性,与q一样是用来注明引用来源的。可以把联机文档的URL注明在其中。
在XHTML标签中还有一个叫pre的标签,这个标签在Dreamweaver中被称为“格式化”,在以前使用Dreamweaver 的时候我一直不清楚这个东西是作什么用的。一直到现在才清楚pre通常用以显示源代码,并且不支持能使段落分开的标签比如<p>,显示内容如需换行只要在源文件中换行即可无需要代码实现。同时pre会保留注其中的所有空格并显示出来。
一般来讲pre目前是多用于显示源代码,这与code的用途是相似的,所不同的是pre是块级的,而code是内联的。简单说,pre可以包括多行内容,而code只包含短小的一句或几个字符。
这里讲述的并不能完全说清楚,这就需要在看完文档后动手操作尝试一下,自行去发现其中的特别之处。有朋友说希望看到有关于CSS方面的知识。这里我想传达我的编写意图。我希望一步步来,让一些还没从表格布局脱离出来的朋友可以先行使用一些并不会影响整体的形式切入进去。因为一涉及CSS就可能会有兼容性问题,所以这里先说文档,然后再加入一些不影响整体布局的CSS知识。一步步的深入,最终能让阅读者从表格布局自然过渡到标准势力中来。当然有朋友已经通过自学的方式完成了这一步,那么可以到我的“杂谈标准”一栏中与我交流。 

转载于:https://www.cnblogs.com/rhinemetal/archive/2012/06/28/2568439.html

strong与em、q、cite、blockquote区别相关推荐

  1. html标签em和i的区别,HTML中strong与b,em与i标签的区别和使用建议

    关于html标签中,b和strong.em与i两组标签的区别,我以前都是混着用的,也是今天用到时才注意到这两个标签的区别. 默认情况下它们起的b和strong是加粗字体,em与i是使字体变斜体的的作用 ...

  2. 用途相似的标签:cite,q与blockquote

    2019独角兽企业重金招聘Python工程师标准>>> cite,q与blockquote这三个标签都是用来表示引用的,但这三者之间确是有着比较明显的区别的. cite是用来标明引言 ...

  3. HTML标签strong和em

    浅析HTML标签strong和em的区别,可以从三个层次上来谈. 首先看 HTML 4.01 中的说明: EM: Indicates emphasis. STRONG: Indicates stron ...

  4. C++中int *p[4]和 int (*q)[4]的区别

    *************************************************** 更多精彩,欢迎进入:http://shop115376623.taobao.com ****** ...

  5. POI Excel 上下标、下划线、粗体、斜体标签处理(sup、sub、u、strong、em的HTML标签转化到excel格式)②

    由于上篇写的代码不支持多标签嵌套的字符串,项目中容易报错:java.lang.IllegalArgumentException: Start and end index not in range. 目 ...

  6. POI Excel 上下标、下划线、粗体、斜体标签处理(sup、sub、u、strong、em的HTML标签转化到excel格式)①

    目前该代码暂不支持多标签嵌套的字符串,只适合多标签.无嵌套字符串.如果有改进,我会第一时间更新代码. import java.io.File; import java.io.FileNotFoundE ...

  7. em表示什么长度单位_css中单位em和rem的区别

    在css中单位长度用的最多的是px.em.rem,这三个的区别是: px是固定的像素,一旦设置了就无法因为适应页面大小而改变. em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定 ...

  8. 面试总结(CSS 的盒模型?、CSS 中选择器的优先级以及 CSS 权重如何计算?、CSS 中哪些属性可继承,哪些不可以?、CSS 单位中 px、em 和 rem 的区别?、rem 适配....)

    CSS 的盒模型?         盒子模型(Box Modle)可以用来对元素进行布局,包括内边距,边框,外边距,和实际 内容这几个部分                 第一种是 W3C 标准的盒子 ...

  9. css中px、em和rem的区别总结

    前言 em 和 rem 都是灵活可扩展的单位,由浏览器转换为像素值,取决于设计中的字体大小,如果使用值 1em 或 1rem ,它可以被浏览器转换为从 16px 到 160px 或其他任意值.浏览器使 ...

最新文章

  1. hdoj 4450 Draw Something 水题
  2. 洛谷 [P1198] 最大数
  3. ASP.NET MVC+EF框架+EasyUI实现权限管理(附源码)
  4. 为什么需要DTO(数据传输对象)
  5. apm java_非Java专家的APM:什么泄漏?
  6. 适配器模式(类适配器)
  7. Mysql5换成Mysql8之后报错java.lang.ClassNotFoundException: com.mysql.jdbc.driver的问题解决
  8. arduino步进电机程序库_Arduino基础入门篇27—步进电机驱动库的使用
  9. 基于JAVA+SpringBoot+Mybatis+MYSQL的智慧水产养殖系统
  10. ubuntu-ln命令
  11. python-九九乘法打印
  12. 爬虫实例3 批量抓取数据之异步请求(ajax)
  13. 重新编译Telepresence,谈如何写编译脚本
  14. 【生信进阶练习1000days】day8-OrganismDb.dplyr包
  15. 如何正确认识网络工程师
  16. dpi shell命令 安卓_夏普手机免root,安装区域中文及隐藏虚拟按键和调整dpi的方法...
  17. 50070无法访问的问题的排除
  18. 唐澳华的亚索有错吗?
  19. C++面向对象 - 继承、派生和多态
  20. JAVA学习总结(2)

热门文章

  1. const、static型数据在内存中如何存储?(变量存放位置)
  2. https ssl 非对称加密
  3. HanLP二元核心词典详细解析
  4. Django Logging
  5. sharding-jdbc源码解析之sql解析
  6. MySQL配置全文索引
  7. alias提升效率工具
  8. SQL Server 2005架构
  9. Mopaas 初体验
  10. 一起谈.NET技术,ASP.NET MVC2实现分页和右键菜单