作用相似html标记:strong与em、q、cite、blockquote

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

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

,q的作用是引用非块元素,也就是引用不能形成段落的内容,可能是某人说的一句话,也可能是一句文档摘录等,特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过CSS去使之与一般内容区分开。在q标签中还有一个属性是非常重要的,那就是cite。在这个cite属性值中主要是注明引用内容的出自何处,或是给出在线的地址。

这次的内容会让你更进一步的了解到关于段落里的细节

要特别注意不要把q写成p,这两个标签很容易弄错。

在上一篇中其实已经谈到了cite,在那篇文章中我写到“这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容,也有点像是脚注。”那么他与q之间的区别是什么呢?其实很容易理解,q是显示内容,而cite则是显示说这段内容的人名或是书名。cite与q常常混合起来使用。比如:

鲁迅先生说:地上本来没有路,走得人多了,便有了路。观看本站更多的html标记内容。

那么blockquote与他们有什么区别呢?blockquote是块引用,XHTML允许其包含任何标签。而上面的q与cite则没有这么大的包容度。blockquote的使用是当需要引用一段或是多段内容时所采用的,浏览器一般默认处理会把引用内容缩进一些以与正常的段落文章区分开。当然我们可以通过CSS样式来改变区分的形式。

在blockquote中有一个cite属性,与q一样是用来注明引用来源的。可以把联机文档的URL注明在其中。

在XHTML标签中还有一个叫pre的标签,这个标签在Dreamweaver中被称为“格式化”,在以前使用Dreamweaver 的时候我一直不清楚这个东西是作什么用的。一直到现在才清楚pre通常用以显示源代码,并且不支持能使段落分开的标签比如

,显示内容如需换行只要在源文件中换行即可无需要代码实现。同时pre会保留注其中的所有空格并显示出来。

一般来讲pre目前是多用于显示源代码,这与code的用途是相似的,所不同的是pre是块级的,而code是内联的。简单说,pre可以包括多行内容,而code只包含短小的一句或几个字符。

这里讲述的并不能完全说清楚,这就需要在看完文档后动手操作尝试一下,自行去发现其中的特别之处。有朋友说希望看到有关于CSS方面的知识。这里我想传达我的编写意图。我希望一步步来,让一些还没从表格布局脱离出来的朋友可以先行使用一些并不会影响整体的形式切入进去。因为一涉及CSS就可能会有兼容性问题,所以这里先说文档,然后再加入一些不影响整体布局的CSS知识。一步步的深入,最终能让阅读者从表格布局自然过渡到标准势力中来。当然有朋友已经通过自学的方式完成了这一步,那么可以到我的“杂谈标准”一栏中与我交流。

原创文章,作者:admin,如若转载,请注明出处:https://www.laofox.com/web/html-tutorial/159.html

(0)
上一篇 2022年7月3日 下午12:49
下一篇 2022年7月3日 下午12:50

相关推荐

  • HTML中img标签只显示图片中心位置的方法(三种方法)

    html中 img标签显示图片中心的方法目前知道三种,在此记录一下 第一种:用到css的clip:rect(top right bottom left);用法,需要配合positi...

    html 2022年6月8日
    63500
  • HTML 文本转义小窍门

    今天在CSDN看到一种HTML文本转义的小窍门,很简便。 1、用dom的功能。先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了。 例...

    html 2022年7月3日
    11000
  • html 自定义标签使用实现方法

    xml文件中可以自由的使用自定义标签,html文件中同样可以使用自定义标签,但有几个注意事项:必需设置标签的xmlns属性。例如,可以这样声明:。 这是因为html文件有一个默认的...

    html 2022年7月3日
    9300
  • 使用整洁的HTML标记构建页面

    网络是个不断发展变化的有机体,如何建设可以长久适应互联网发展的页面是很重要的,它可以是你的网站在互联网发展的激流中迅速跟进。 使用整洁的HTML标记,构建符合标准的页面可以帮助你做...

    2022年7月3日
    11200
  • Firefox下英文字母不换行的解决方案

    文本的排版依据语言的不同会有一些格式上的要求,比如简体中文中类似逗号、分号等标点符号不会出现在一行的开头,对于英文来讲就是一个完整单词不会 在两行显示,浏览器会依据类似这样的原则来...

    html 2022年7月3日
    11100
  • 设置IE8使用IE7的样式的代码

    <meta http-equiv="x-ua-compatible" content="ie=7" /> 相关推荐: html中b标签和strong标签的区别是什么?b...

    html 2022年7月4日
    11000
  • 制作主流邮箱能正常显示的HTML邮件的技巧

    发送html邮件的建议:用style写内联的CSS;少用图片;用table实现左右布局或者更复杂的布局;用background元素设置背景图片等。 几乎每个会员制网站都需要通过后台...

    html 2022年7月3日
    7900
  • XHTML教程:Transitional和Strict的区别

    其实XHTML 1.0还分两种(加上Frameset DOCTYPE的话算三种,本文不讨论),Transitional(过渡型)和Strict(严格)DOCTYPEs。并且HTML...

    html 2022年7月3日
    8100
  • W3C教程(15):W3C SMIL 活动

    SMIL 向 web 增加了对定时和媒介同步的支持。 SMIL 向 web 增加了对定时和媒介同步的支持。 SMIL SMIL (Synchronized Multimedia I...

    html 2022年7月3日
    7900
  • 深层优化 提高网站的访问速度的一些技巧

    深层优化 提高网站的访问速度的一些技巧   网站访问速度可以直接影响到网站的流量,而网站的访问量几乎与网站的利益直接挂钩,因此网站的速度问题成为企业及站长十分关注的问题。现在网站越...

    html 2022年7月3日
    7600

发表评论

您的电子邮箱地址不会被公开。