网页设计中的生成引号

  • 2019-05-29 15:16:49
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

生成内容有一种特殊形式,即引号,网站建设提供了一种有效的方式来管理引号及其嵌套行为。由于提供了open-quote等成对的content值以及属性quotes,使得生成引号的管理成为可能。

quotes

值:[<string><string>]+ | none | inherit

初始值:取决于具体的用户代理

应用于:所有元素

继承性:有

计算值:根据指定确定

研究值的语法时可以发现,除了关键字none和inherit外,唯一合法的值是一对或多对串。在一对串中,前一个串定义了开始引号(open-quote),第二个串定义了结束引号(close-quote)。因此,以下两个声明中仅第一个合法:

quotes:'"'"'"./* valid */

quotes:'"';/* NOT VALID */

串本身是引号时,也可以用引号将其包围,第一个规则就展示了这样一种方法。双引号可以由单引号包围,反之亦然。

下面来看一个简单的例子。假设创建了一个XML格式,存储最常用的引用列表。以下是列表中的一项:

<quotatidn>

<quote>I hate quotations.</quote>

<quotee>Ralph Waldo Eraerson</quotee>

</quotation>

要用一种有意义的方法表示数据,网页设计人员可以采用以下规则,其结果见图12-20所示:

值open-quote和close-quote用于插入合适的引号符号(因为不同语言有不同的引号)。它们使用quotes值来确定如何工作。因此,quotation以一个双引号开始,并以一个双引号结束。

如果想使用“弯引号”而不是普通的直引号(这在大多数打印媒体中很常见),quote 规则要写作:

quote {quotes:'\201C''\201D';}

这里使用了“弯引号”的十六进制Unicode值,如果应用到前面的quotation, Emerson 的引用会包围在弯引号中,而不像图12-20中所示那样包围在直引号中。

利用quotes,只要网页设计人员愿意,可以定义任意多层嵌套引用模式。例如,在英语中,一种常用的做法是先以双引号开头,在其中嵌套的引用使用单引号。通过以下规则,就可以利用“弯引号”做到这一点:

quotation: display: block;}

quote {quotes:'\201C''\201D''\2018''\2019';}

quote:before, q:before{content: open-quote;}

quote:after, q:after {content: close-quote;}

应用到以下标记时,这些规则的效果如图12-21所示:

<quotation>

<quote> In the beginning, there was nothing. And God said:<q>Let there be light!</q> And there was still nothing, but-you could see it.</quote>

</quotation>

如果引号的嵌套层次大于已定义的引号对数,最后一对引号将重用于更深层次的嵌套。因此,如果向图丨2-21所示的标记应用以下规则,内层引用将与外层引用一样使用双引号:

quote {quotes:'\201C''\201D';}

利用生成引号,还能实现另外一种常见的排版效果。如果有多段引用文本,通常会忽略毎一段的结束引号(close-quote),而只显示开始引号,只是最后一段例外,可以使用no-close-quote值达到这个效果:

blockquote (quotes:'"'  '"' "'" '"' '"' '"';}

blockquote p:before {content: open-guote;}

blockquote p:after {content: no-close-quote;}

利用这个规则,每一段的开始处会有一个双引号,不过没有结束引号。最后一段也是如此,所以如果想为最后一段增加一个结束引号,需要为最后一段指定类(class),并为其:after内容声明一个close-quote。

这个值很重要,因为这样可以使引用嵌套层次递而不必真正生成一个符号。正因如此,在第三段之前,每个段落都以一个双引号开始,而不是交替使用双引号和单引号。no-close-quote在各段的最后结束了引用嵌套,因此每一段都从相同的嵌套层次开始。

这很重要,正如网站建设规范所指出的,"引用深度不依赖于源文档或格式化结构的嵌套”。换句话说,开始一个引用层次时,所有元素都有相同的嵌套层次,直到遇到一个close-quote,此时引用嵌套层次减1。

为保证完备,还有一个no-open-quote关键字,其效果与no-close-quote对称。这个关键字会让引用嵌套层次增1,但不生成符号。

当前文章标题:网页设计中的生成引号

当前URL:http://www.lyjtt.cn/news/wzzz/generate-quotes.html

上一篇:网页设计中的指定内容

下一篇:网页设计中的计数器及其使用

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)