本節介紹文字格式和非凡字符在XHTML中的實現方法。
在之前的教程中我們曾經用過一次<b>標籤,他使得包含在它之中的內容變成粗體顯示。例如<b>菜鳥吧</b>將顯示為菜鳥吧。我們把這種定義文字顯示方式的標籤叫做文字格式標籤(文字樣式標籤……)。與粗體標籤<b>類似的還有斜體標籤<i>和強調標籤<em>等。我們推薦您使用CSS定義網頁的樣式,而不是類似<b>的XHTML標籤,這裡介紹這些標籤的目的是讓您在閱讀別人網頁的源代碼時不至於糊塗。
在XHTML中<和>是比較非凡的字符,因為它們被用於識別標籤,而且在標籤中的<和>並不會出現在頁面上。那麼假如我們想讓瀏覽器顯示這些非凡字符時該怎麼做呢?這時我們就可以使用字符實體,例如小於號<在XHTML代碼中寫做<。當然,在網頁設計軟件中,這項工作不需要我們手寫代碼來完成。因此我們只要了解這些非凡字符的顯示原理即可,而不需要記住每一個非凡字符的書寫代碼。
用記事本打開之前創建的index.html文件。對源文件做如下修改(紅字提示),保存後看看之前之後有什麼不同,請確認您的網頁與這個頁面相同。
代寫寒暑假作業(數學<b>不</b>保證沒有錯題,語文不保證沒有錯字,英語作業你找別人吧)
<br />幫忙欺負<b>四年級</b>以下同學, <b>特體須加收費用</b> 。
<br />家長會幫忙<i>冒充家長</i> 。
</p><!--上面的內容是一個段落-->
下面再來練習一下使用字符實體。打開之前保存的index.html,在</body>標籤前輸入如下代碼:
<p>Copyright©2005-2006cainiao8.com版權沒有</p>保存修改並重新瀏覽網頁就可以看到如下的內容了:
Copyright©2005-2006XXX版權沒有。我們注重到源代碼中的©在瀏覽器中顯示為@。請再次確認您的網頁與這個頁面相同,完工。
學完了文字格式標籤你也許會想,假如我希望一個字同時以粗體和斜體顯示該怎麼做呢?是不是簡單的為它加上雙層標籤<b>和<i>呢?沒錯。請看下面的例子:
<b><i>我被兩個標籤包圍啦! </i></b>
將在瀏覽器中顯示為我被兩個標籤包圍啦!
這裡你唯一需要注重的是標籤的順序。假如你將上面的標籤順序寫成<b><i>我被兩個標籤包圍啦! </b></i>,一般的瀏覽器將不產生任何錯誤。但是這是不符合XHTML標準的寫法。請你一定要按順序關閉標籤。