当前位置:园子博客 » Xhtml » 一些少用的XHTML标签

一些少用的XHTML标签

2月 23rd, 2009 | Filed under Xhtml | 共有5,815次浏览

在我们的实际应用中,还有一些xhtml标签是不太常用的,今天园子把使用频率较少但又有些代表性的几个标签给大家分享一下。

  • kdb标签
    表示由用户从键盘输入的文字,例如:

    <p>在浏览器的地址栏打上<kbd>www.yzznl.cn</kbd>。</p>

    但是,也有人把他理解成用户从键盘输入的按键,例如:

    <p>按<kbd>Tab</kbd>测试一下</p>

    并能过用css把<kdb />定义得有点像键盘按键,如下图:

    关于kdb标签的示例图

    对于这个这元素,W3C的文档并没有怎样说明,也没有例子参考,谁对谁错也很难说清。园子个人更倾向把它用于定义键盘按键,或者可以这样理解,如果<kbd>里面的是键盘上有的(比如Tab、Esc、Backspace等)就是直接按键盘上的键,如果不是键盘上的键名的(比如网址、文字等),就由单个字母输入完成。但是这样可能会有些冲突,例如Home,是让输入Home还是按Home键呢?也许这时应该再加上title提示会更好。

  • code & var标签
    在(X)HTML中,有专门对代码进行标识的标签,那就是<code></code>,例如:你可以用<code>code</code>标签来表示计算机(程序)代码。而var是定义一个变量名,例如计算机程序的变量、数学函数的变量等。例如:

    <code><var>wordcount</var> = 6878;</code>
  • pre标签
    上面说了code标签的用法,或许你会发现紧紧<code>是不够用的,因为代码都是一行一行的,如果你只用<code>的话,所有用它来标识的代码,就会堆到一行去,这又是为什么呢?因为,<code>是inline-level(行内元素)的,行内元素是不换行的。这就有必要说下pre标签。
    pre标签标签在Dreamweaver中被称为“格式化”,在以前使用Dreamweaver 的时候我一直不清楚这个东西是作什么用的。一直到现在才清楚pre通常用以显示源代码,并且不支持能使段落分开的标签比如<p>,显示内容如需换行只要在源文件中换行即可无需要代码实现。同时pre会保留注其中的所有空格并显示出来。一般来讲pre目前是多用于显示源代码,这与code的用途是相似的,所不同的是pre是块级的,而code是内联的。简单说,pre可以包括多行内容,而code只包含短小的一句或几个字符。
  • samp标签
    samp标签用于定义一个“输出”的内容,例如:

    <p>你只要点删除,网页就会提示<samp>该会话已移至“已删除邮件”</samp>。</p>
  • sup与sub标签
    你还记得上标和下标吗?在所有的标签中有两上标签是样式标签,但是却没有被禁用,因为这两个标签所表述的内容很特别,上下标,<sup>上标</sup>,<sub>下标</sub>。这两个标签用得到机率比较小,但是上标应该还是会常用到的,比如温度中的摄氏度的上的小圆圈,当然现有有专业的字符对应“℃”,还有我们常看到书中的脚注上标等等。
  • hr与br标签
    hr,分平分隔线;
    br,常用的换行符。
    这两个标签只要注意标签的写法就可以了,很多粗心的人都不小心的把写错了,<hr />和<br />,要提醒你的是这两个都是单标签,记得后面要闭合。
目前还没有任何评论.
您必须在 登录 后才能发布评论.