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