無標題文件
網頁設計XHTML入門學習教程:XHTML標籤 |
|
發佈者:SEO香港優化專家 - Web Design
|
|
|
網站設計
XHTML標籤簡介也許你在上一節就注意到了，XHTML文件與普通的純文本文件的最大不同在於一些用“<>”包含的東西，例如<body>。我們把他們叫做標籤。通常情況下XHTML標籤都是成對出現的，例如<html></html>。可以看到它們只相差一個“/”，我們把類似<html>的沒有“/”的標籤叫做起始標籤，而它對應的有“/”的</html>則叫終止標籤，終止標籤與起始標籤只相差一個"/"符號。當然了，XHTML也有一些標籤並不成對出現，它們沒有終止標籤，我們把這樣的標籤叫做“空標籤”。空標籤的內容在稍後的教程中將會提到。 關於大小寫以前各個版本HTML標籤並不區分大小寫，例如標籤<HTML>和標籤<html>是等效的。而在XHTML中，所有標籤均使用小寫。為了使自己的網站能夠符合XHTML標準，您應該養成良好的習慣，在製作網頁的過程中所有標籤一律使用小寫。 XHTML標籤的作用（元素）打開上一節教程中保存的html文件。將第六行的“這是我的第一個網頁。”改為“這是我的第一個<b>網頁</b>。”，然後保存修改後再次瀏覽網頁。你會發現網頁兩個字變成了粗體顯示，效果如下： 這是我的第一個網頁。 區別很明顯，網頁兩個字由於被“包”在了標籤<b></b>中而變成了粗體。<b>標籤的意思就是粗體顯示，而它只會影響到被它包含的內容。這就是XHTML標籤的作用方式。我們把被標籤“包住”的內容叫做元素。本例中“網頁”兩個字就是<b>標籤的元素。 標籤的屬性<hr size="1"> 我們可以為XHTML標籤設置一些屬性。請你注意上面的水平線，原本它的代碼是：<hr />。在XHTML中<hr>標籤就是一條水平分割線，我們可以為這條分割線添加一個屬性“size”（即分割線的大小），他的屬性值為1。那麼它的完整代碼就是： <hr size="1" /> 類似的，為其他XHTML標籤添加屬性的方法也是在標籤的起始標籤中加入：屬性＝“屬性值”。需要注意的是，屬性值必須使用引號“括”起來。單引號或者雙引號都可以，但是雙引號比較常用。 添加屬性的格式： <起始標籤 屬性="屬性值"> 實例－> <table border="none"> 注意：普通的XHTML文件有兩個等級標準(不算框架標準)——過渡標準和嚴格標準，其中過渡標準主要針對那些習慣於使用HTML開發網站的站長。上面的代碼在過渡標準中是合法的，可是在嚴格標準中，size屬性將被視為非法屬性。XHTML不僅是更加標準更加嚴格的HTML，他還推崇一種構建網站的思路。那就是把網頁的內容與樣式分開，這在XHTML中是通過CSS來實現的。因此我們推薦您使用嚴格標準的XHTML，把定義樣式的任務完全交給CSS。(關於XHTML標準的問題將在後面的教程中介紹) 空標籤也許你已經注意到了，這裡我們沒有把分割線標籤寫成對稱的<hr></hr>，而是寫成<hr />。其實這正是我們在前面教程中提到的不成對出現的標籤，他只有起始標籤<hr>卻沒有終止標籤</hr>。由於它沒有元素，所以我們把這樣的標籤叫做空標籤。那麼我們為什麼要寫成<hr />而不是簡簡單單地寫成<hr>呢？這樣的書寫格式是為了滿足XHTML中任何標籤都需要“關閉”的規則。我們把在起始標籤的最後添加"/"的方法叫做標籤的自閉（或者自關閉、自終止等等，你喜歡怎麼叫都行）。 所有空標籤的使用方法的自閉方法都是一致的，就是在起始標籤的“>”符號前加上一個空格和一個反斜槓“/”。空格不是必須的，但是個別的瀏覽器卻無法識別<hr/>，只能識別<hr />。這也正是我們添加空格的原因。（我至今沒有遇到不兼容的瀏覽器） 網頁寄存 |
留言列表
