- HTML5+CSS3王者歸來
- 洪錦魁
- 819字
- 2019-12-09 14:45:59
2-2 HTML文件結構
HTML文件是純文本組成的文件，它的基本文件結構如下：
其實我們也可以稱HTML文件是由<html>、<head>和<body>3個元素所組成。注意，HTML文件是沒有行號的，此處的行號只是為了教學和讀者學習方便而加上去的。
2-2-1 大小寫皆可
HTML對標記（tag）本身所用的英文字母大小寫是不敏感的，用英文大寫字母或小寫字母編寫皆可接受。例如，將<html>改成<HTML>或是將“doctype”改成“DOCtype”，所代表的意義相同。
2-2-2 文件聲明doctype
在HTML4.01版時，需要在文件前面編寫一長串的doctype聲明，以注明是使用哪一個版本的DTD（Document Type Definition，文檔類型定義）。HTML5由于沒有使用DTD，所以簡化了許多，其文件的第一行內容如下：
<!doctype html>
這相當于告訴瀏覽器，目前這份文件是符合HTML5規范的，請使用HTML5的標準來解析文件。
2-2-3 <html> … </html>
在HTML文件中只有doctype是寫在<html>前面的。
起始標記<html>和結束標記</html>主要用來標示這區間內的數據是HTML文件。雖然所有HTML文件的擴展名都是.htm或.html，瀏覽器已經可從擴展名判斷出這是HTML文件了，不過筆者仍建議加上這個標記。
上面的文件結構中，在這個標記內筆者加上了屬性lang="zh-tw"，這個屬性標明此份HTML文件所用的語言是繁體中文。標注語言可以協助搜索引擎和瀏覽器判別目前瀏覽文件所使用的語言。下列是幾種常見語言的標注屬性值。
簡體中文：zh-cn 日文：ja
英文：en 韓文：ko
如果省略了標注語言的語句，瀏覽器將依所在計算機的語言設定來解讀這份HTML文件。雖然在開始標記<html>不加lang屬性設定，程序也可以正確執行，但是HTML5建議在所設計的HTML文件中于開始標記<html>內加上lang屬性。
在HTML文件中，依次需寫上<head> …</head>元素和<body> … </body>元素，其實我們也可以說，<html> … </html>內部是由<head>和<body>組成的。下面兩節會針對此做解說。
當然，文件沒有加<html>起始和</html>結束標記仍可以被正確執行，不過筆者不建議如此操作，所以本書所有程序范例皆包含此標記。
2-2-4 <head> … </head>
位于<head>和</head>之間的內容基本上是HTML文件頭，這里主要包含文件標題<title> … </title>、CSS樣式定義、作者信息、文件關鍵詞信息以及本文所在URL（Universal Resource Locator，可理解為Internet地址）等基準信息。
寫在<head> … </head>間的信息，除了標題（title）外，都不會在瀏覽器中顯示。
2-2-5 <body> … </body>
<body> … </body>之間的內容其實就是HTML文件的主體，這些內容會在瀏覽器中顯示。