　　學習任何一門語言都要掌握它的基本格式，就像寫信需要符合書信的格式要求一樣。想要學習HTML5，同樣需要掌握HTML5的基本格式。本節將透過和XHTML結構的對比，講解HTML5文件的基本格式。

　　使用Dreamweaver新建XHTML文件，預設文件時會自帶一些程式碼，如圖1所示

　　圖 1 XHTML文件基本格式

在圖1所示的XHTML帶碼中<!doctype>文件型別宣告、<html>、<head>和共同組成了XHTML文件的結構，具體介紹如下。
　　1.<!doctype>
　　<!doctype>位於文件的最前面，用於向瀏覽器說明當前文件使用哪種HTML或XHTML標準規範。因此只有在開頭處使用<!doctype>宣告，瀏覽器才能將該文件作為有效的HTML文件，並按指定的文件型別進行解析。
　　2.<html>
　　位於之後，也被稱為根標籤。根標籤主要用於告知瀏覽器其自身是一個HTML文件，其中<html>標誌著HTML文件的開始，</html>則標誌著HTML文件的結束，在它們之間是文件的頭部和主體內容。
　　3.<head>
　　<html>位於<!doctype>之後用於定義HTML文件的頭部資訊，也被稱為頭部標籤，緊跟在之後。頭部標籤主要用來封裝其他位於文件頭部的標籤，例如<title>、<meta>、<link>及<style>等，用來描述文件的標題、作者，以及與其他文件的關係。
　　4.<body>
　　<body>用於定義HTML文件所要顯示的內容，也被稱為主體標籤。瀏覽器中顯示的所有文字、影像、音訊和影片等資訊都必須位於內，才能最終展示給使用者。
需要注意的是，一個HTML文件只能含有一對<body>，且<body>必須在<html>內，位於<head>之後，與<head>是並列關係。
　　在HTML5版本中，文件格式有了一些的變化。HTML5在文件型別宣告與跟標籤上做了簡化，簡化後的文件格式如圖2所示。

圖 2 HTML5文件基本格式

值得一提的是，除了上述的文件結構標籤外，HTML5還簡化了標籤，讓定義字元編碼的格式變得更加簡單。

HTML5的基本入門格式介紹

相關文章