HTML架構與準則

認識標籤語言

想要學會HTML,首先要認識「標籤語言(Markup Language)」,關於XML一些比較複雜的名詞我就不在這裡多說了,這裡只提一些學HTML必備的知識。從現在開始,我們談論的都是HTML的語法,也就是在「原始檔」裡面的內容(參考:網頁基礎技術 - HTML),所以千萬別告訴我這些東西在網頁中找不到,因為你必需開啟原始檔才看得到。

  • 標籤(Tag):由一個大於(<)和一個小於(>)符號框起來的東西。
    • 元素(Element):在標籤(<>)裡的文字,表示一個元素的名稱,而一個完整的元素通常都由二個標籤組成。例如「」是一個標籤,「font」是一個元素名稱,而「」代表一個完整的元素。
    • 屬性(Atrribute):寫在元素名稱後面的東西,它的格式是「屬性=“值”」。例如「」,則「size」是font的屬性,「2」是size的值。

XML準則

在XML中,有一種叫做DTD(Document Type Declaration)的東西,是用來規定你寫的XML文件格式。XML是可以自由寫的,因此DTD也是可以自己編的,但是在XHTML中,DTD就不是你能自己亂編的了(因為你自己編的瀏覽器看不懂),所以如果只學XHTML,其實不懂DTD也沒有關係,只要記得照抄就行了,我們在原始檔中看到的<!DOCTYPE html PUBLIC……>就是DTD的敘述,了解這一點就夠了。

我們寫XHTML最重要的是要符合「良好格式(Well-formed)」,這是XML規定的事項,也是HTML和XHTML最大的不同。在XHTML中必需要注意的良好格式有以下幾點:

  • 標籤必需要成對,有「起始標籤()」就要有「結尾標籤()」,如果標籤不成對或是中間沒有內容,則必需在標籤中利用「/」符號結尾()。例如「」是成對標籤,「」則是不成對標籤。
  • 標籤不能交錯。例如「」是錯誤的,「」才正確。
  • 屬性的值必需要使用雙引號(“)括起來。
  • 元素名稱的大小寫是不同的。例如「」和「」是不同的元素。

XHTML網頁架構

其實關於XML的規定有很多,不過你只要照抄下面這些基本的架構,很多規定不用知道也沒有關係,這個架構是撰寫XHTML時一定要寫的內容,所以當你要寫XHTML的時候,先把這些東西照抄上去吧,有一些網頁製作的軟體在你建立一個新的網頁時,也會幫你寫好:







(這裡是網頁的「身體」,也就是你想要在網頁中顯示的主要內容。)



HTML5網頁架構

HTML5的網頁架構做了簡化,如果你的網頁完全以HTML5撰寫,可以直接採用這個框架。







(這裡是網頁的「身體」,也就是你想要在網頁中顯示的主要內容。)