兼容性问题

值得一提的是,在本书撰写的时候,windows版的Internet Explorer还不支持为<abbr>标签指定样式,显示工具提示. IE/Win支持<acronym>标签,这是为了鼓励某些设计者只使用<acronym>处理缩写名词与略称.

这么做或许很有吸引力,但是为了解决现实问题而使用错误的元素并不是件好事,对这个特定问题来说,我偏好根据规范表示名词,让正确支持的浏览器处理<abbr>标签的样式.让我们很快地看看几个还没提到的短语元素.

<code>

<code>元素的设计目的是在XHTML页面内展示代码示例,举例来说,当你想分享某段CSS时,你可以这样写:

<code>
#content {
  width: 80%;
  padding: 20px;
  background: blue;
  }
</code>

一般来说,可视化浏览器会以定宽serif字体显示<code>标签中的内容.当然,我们也能加上CSS规则,指定我们喜欢的显示方式.

code {
  font-family: Courier, serif;
  color: red;
  }

如此一来,<code>的内容就会变成红色的Courier字体了.

<samp>

<samp>元素是用来标识程序与script的示例输出的,举例来说,如果我想讨论正在编写的Perl script输出结果,我可能会标集成这样:

<p>When the script has executed, at the command line you will see the message <samp>script was successful!</samp>.</p>

这边我以<samp>把script的输出示例围起来,同时我们也能以CSS规则为程序输出示例设定独特的样式,就像刚才为<code>做的一样.

<var>

与<samp>相关的,<var>是用来标记程序的变量和引用用的,举例来说,如果我们正在讨论XSLT样式表,那么我能写下:

<p>I'm going to pass the parameter <var>lastUpdated</var> to my main.xsl file.</p>

许多浏览器会以斜体显示<var>标签的内容,但是你可以写一条简单的规则去掉预设值,如果你不喜欢斜体的话.我们能用CSS的font-style属性改变显示效果:

var {
  font-style: normal;
  font-family: Courier, serif;
  color: purple;
  }

最后让我们看看<kbd>元素,完成短语元素的部分.

<kbd>

<kbd>元素可以用来标记使用者要输入的文字,举例来说,如果我正在解释如何使用刚才指定的accesskey把光标切换到搜索框内,我可能会这样写:

<p>To quickly change focus to the search input field, Mac users type <kbd>Command+9</kbd>.</p>

你大概猜得到我接下去要说什么了,没错,只要使用简单的CSS规则,你就能调整所有的<kbd>元素的样式,与其他短语元素一样.

结论

回顾一下在这章中看过的内容,首先探讨<strong>和<em>优于同等显示效果的<b>和<i>的原因,同时也研究了如何单纯设定粗体或斜体显示效果,CSS是正确的方法.

也讨论了其他的短语元素,以<cite>标记人物,出版物开始,并证明了结构化标记语法对显示效果,资料解析的好处.

并示范了如何以适当的元件标记缩写名词,略称,提升网页的易用性,同时以额外的CSS展示,语音规则强化定义内容.最后则看到剩下的短语元素,每个元素都具备一般文字不同的预设样式,但是我们也能快速地为单一页面或者整个网站轻易的设计简单的CSS规则,为这些元素指定想要的显示样式.

经典论坛交流：
http://bbs.blueidea.com/thread-2824203-1-1.html

本文链接：http://www.blueidea.com/tech/web/2008/5854.asp　

出处：蓝色理想
责任编辑：bluehearts

上一页 短语元素 [4] 下一页

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。