生成内容有一种特殊形式,即引号,网站建设提供了一种有效的方式来管理引号及其嵌套行为。由于提供了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
上一篇:网页设计中的指定内容
下一篇:网页设计中的计数器及其使用