HTML5从入门到精通 (第2版)
上QQ阅读APP看书,第一时间看更新

3.5 其他文字标记

3.5.1 文字标注标记——ruby

在网页中可以通过添加对文字的标注来说明网页中的某段文字。

语法

        <ruby>
          被说明的文字
          <rt>
          文字的标注
          </rt>
        </ruby>

语法解释

在这段代码中,被说明的文字就是网页中需要添加标注的那段文字,而文字的标注则是真正的说明文字。

【例3.22】实例代码。(实例位置:光盘\TM\sl\3\22)

        <html>
        <head>
        <title>添加文字标注</title>
        </head>
        <body>
        <ruby>
        有情芍药含春泪,无力蔷薇卧晓枝。<br /><br />
        <rt>
        作者秦观
        </rt>
        </ruby>
        </body>
        </html>

运行这段代码,可以在古诗的上面看到标注文字“作者秦观”,如图3.22所示。

图3.22 添加标注文字

说明

在默认情况下,标注文字很小,但是在HTML中也可以像设置其他文字一样调整标注文字的各种属性,包括大小、颜色等。

3.5.2 声明变量标记——var

在使用网页讲解某些知识时,为了统一地突出变量,常常将其设置为斜体。而在HTML中也提供了一种标记,用于专门设置变量的效果。

语法

        <var>变量</var>

语法解释

在标记之间的文字就以声明变量的效果显示。

【例3.23】实例代码。(实例位置:光盘\TM\sl\3\23)

        <html>
        <head>
        <title>声明变量标记</title>
        </head>
        <body>
        <p>所谓的定义变量就是给变量赋值。</p>
        定义变量的格式为:<br>
        变量名:数值或者表达式的值。<br>
        其中符号“:=”是定义符,又称赋值符。<br>
        <p>例如定义变量<var>x</var>的值为<var>y+6</var>,可以表示为:</p>
        <p><var>x</var>:=<var>y</var>+6
        </body>
        </html>

运行这段代码,可以看到如图3.23所示的效果。

图3.23 声明变量

3.5.3 忽视HTML标签标记——plaintext、xmp

忽视HTML标签标记主要是用来使HTML标签失去作用,而直接显示在页面中。这一标记在实际中应用并不多。

语法

        <plaintext>或<xmp>

语法解释

这两个标记中的任何一个如果加入到HTML代码中,都会使HTML标记失去作用,一般放置在<body>标记之后。

【例3.24】实例代码。(实例位置:光盘\TM\sl\3\24)

        <html>
        <head>
        <title>忽视HTML标签标记</title>
        </head>
        <body>
        <plaintext>
        <!--作者管于-->
        <p>一年之计,莫如树谷;十年之计,莫如树木;百年之计,莫如树人。</p>
        </body>
        </html>

运行这段代码的效果如图3.24所示。

图3.24 忽视HTML标签的作用

3.5.4 设置地址文字标记——address

<address>标记可定义一个地址(如电子邮件地址)。我们可以使用它来定义地址、签名或者文档的作者身份等信息。该标记主要用于英文字体的显示。

语法

        <address>文字</address>

在标记间的文字就是地址等内容。

【例3.25】实例代码。(实例位置:光盘\TM\sl\3\25)

        <html>
        <head>
        <TITLE>页面的地址文字</TITLE>
        </head>
        <body>
            <p>这是一本内容详尽的HTML书籍</p>
            有任何技术问题请访问:<address>www.mrbook.com</address>
        </body>
        </html>

运行结果如图3.25所示。

图3.25 设置地址文字标记

说明

<address></address>标记对中的内容通常被显示为斜体。大多数浏览器会在<address>标记的前后添加一个换行符,如果有必要,还可以在地址文本的内容中添加额外的换行符。