不朽情缘什么时间段出分

書名： HTML5+CSS3王者歸來
作者名：洪錦魁
本章字數(shù)： 819字
更新時間： 2019-12-09 14:45:59

2-2 HTML文件結(jié)構(gòu)

HTML文件是純文本組成的文件，它的基本文件結(jié)構(gòu)如下：

其實我們也可以稱HTML文件是由<html>、<head>和<body>3個元素所組成。注意，HTML文件是沒有行號的，此處的行號只是為了教學(xué)和讀者學(xué)習(xí)方便而加上去的。

2-2-1 大小寫皆可

HTML對標(biāo)記（tag）本身所用的英文字母大小寫是不敏感的，用英文大寫字母或小寫字母編寫皆可接受。例如，將<html>改成<HTML>或是將“doctype”改成“DOCtype”，所代表的意義相同。

2-2-2 文件聲明doctype

在HTML4.01版時，需要在文件前面編寫一長串的doctype聲明，以注明是使用哪一個版本的DTD（Document Type Definition，文檔類型定義）。HTML5由于沒有使用DTD，所以簡化了許多，其文件的第一行內(nèi)容如下：

<!doctype html>

這相當(dāng)于告訴瀏覽器，目前這份文件是符合HTML5規(guī)范的，請使用HTML5的標(biāo)準(zhǔn)來解析文件。

2-2-3 <html> … </html>

在HTML文件中只有doctype是寫在<html>前面的。

起始標(biāo)記<html>和結(jié)束標(biāo)記</html>主要用來標(biāo)示這區(qū)間內(nèi)的數(shù)據(jù)是HTML文件。雖然所有HTML文件的擴展名都是.htm或.html，瀏覽器已經(jīng)可從擴展名判斷出這是HTML文件了，不過筆者仍建議加上這個標(biāo)記。

上面的文件結(jié)構(gòu)中，在這個標(biāo)記內(nèi)筆者加上了屬性lang="zh-tw"，這個屬性標(biāo)明此份HTML文件所用的語言是繁體中文。標(biāo)注語言可以協(xié)助搜索引擎和瀏覽器判別目前瀏覽文件所使用的語言。下列是幾種常見語言的標(biāo)注屬性值。

簡體中文：zh-cn 日文：ja

英文：en 韓文：ko

如果省略了標(biāo)注語言的語句，瀏覽器將依所在計算機的語言設(shè)定來解讀這份HTML文件。雖然在開始標(biāo)記<html>不加lang屬性設(shè)定，程序也可以正確執(zhí)行，但是HTML5建議在所設(shè)計的HTML文件中于開始標(biāo)記<html>內(nèi)加上lang屬性。

在HTML文件中，依次需寫上<head> …</head>元素和<body> … </body>元素，其實我們也可以說，<html> … </html>內(nèi)部是由<head>和<body>組成的。下面兩節(jié)會針對此做解說。

當(dāng)然，文件沒有加<html>起始和</html>結(jié)束標(biāo)記仍可以被正確執(zhí)行，不過筆者不建議如此操作，所以本書所有程序范例皆包含此標(biāo)記。

2-2-4 <head> … </head>

位于<head>和</head>之間的內(nèi)容基本上是HTML文件頭，這里主要包含文件標(biāo)題<title> … </title>、CSS樣式定義、作者信息、文件關(guān)鍵詞信息以及本文所在URL（Universal Resource Locator，可理解為Internet地址）等基準(zhǔn)信息。

寫在<head> … </head>間的信息，除了標(biāo)題（title）外，都不會在瀏覽器中顯示。

2-2-5 <body> … </body>

<body> … </body>之間的內(nèi)容其實就是HTML文件的主體，這些內(nèi)容會在瀏覽器中顯示。

官术网_书友最值得收藏!