網頁基礎技術 - HTML

何謂HTML?

「上網」對現在大多數的人而言是一種很普遍的活動,當我們在桌面上ie的圖示上點擊滑鼠二下時,就會開啟一個名叫「Microsoft Internet Explorer」的軟體,這就是所謂的「瀏覽器」,只要在瀏覽器的上方輸入網址(URL),就能連結到「全球網際網路(World Wide Web)」,找到我們所想要的資訊。

當我們在瀏覽各個不同的網頁時,你是否曾經想過這些圖文並貌的畫面,是如何編寫的呢?它用的其實就是一種叫做「超文件標示語言(HyperText Markup Language)」,簡稱「HTML」,當你在瀏覽器上方的工具列中,選擇了「檢示>檢示原始碼」的時候,就能夠看見這個網頁的原貌。 其實所謂的網頁,原本就是你在原始碼中看到的樣子,只不過我們的瀏覽器因為看得懂HTML,所以它會幫你按照HTML的規則轉換成應該顯示的樣子,因此有一些網頁在不同的瀏覽器下,看起來會不一樣。這就像我們在翻譯英文的時候,每一位翻譯家翻出來的結果都不會完全相同一樣,瀏覽器就像是我們的HTML翻譯機。

何謂XML?

HTML是一種「標籤語言(Markup Language)」,它和一般傳統的程式語言並不一樣,由於網際網路的發展,使得HTML這種標籤語言受到了重視,因此制定出了一套完整的標籤語言,即是「可擴展標示語言(Extensible Markup Language)」,簡稱「XML」,正式將標籤語言納入程式設計的範圍,否則以前的程式設計師可不承認HTML是一種「程式」呢!

何謂XHTML?

XML制定了所有標籤語言的規範,但是HTML是比它早出生的東西,有些內容並不符合XML的規定,因此才會產生XHTML。所謂的XHTML其實就是HTML和XML的合體,把原本雜亂無章的HTML限制在XML的規範當中。 XML是一種共通的標準,既然有了標準,就應該按照規定來做,因此現在的網頁都傾向使用XHTML來撰寫。如果現在想要學習如何寫網頁,直接學習XHTML是最快速的,其實XHTML跟HTML相比,只是需要比較多的〝良好習慣〞而己,並不會比較難,因此如果能在一開始學習的時候就養成良好的習慣,也比較不會造成未來的困擾。

何謂HTML5?

HTML5算是HTML革命,它在原始的HTML語法中增加了更多更好用的標籤,簡單來說就是HTML進階版就是了。一般所說的HTML5是指HTML5+CSS3+JavaScript三種技術的結合,對初學者來說會比較困難,剛開始學HTML的話可以忽略。本站HTML系列文章原本是針對XHTML撰寫的,後來才增加了HTML5的內容,所以對於HTML5的語法會以補充的方式說明。

HTML5參考網站:W3Schools

HTML5參考書目:HTML5 - 建置與執行HTML 5 & API 網頁程式設計