HTML 文檔
<!DOCTYPE> 聲明
Web 世界中存在許多不同的文檔。只有了解文檔的類型，瀏覽器才能正確地顯示文檔。
HTML 也有多個(gè)不同的版本，只有完全明白頁(yè)面中使用的確切 HTML 版本，瀏覽器才能完全正確地顯示出 HTML 頁(yè)面。這就是 <!DOCTYPE> 的用處。
<!DOCTYPE> 不是 HTML 標(biāo)簽。它為瀏覽器提供一項(xiàng)信息（聲明），即 HTML 是用什么版本編寫的。
doctype 元素是唯一的，并且在它自己的類別中。
實(shí)例
帶有 HTML5 DOCTYPE 的 HTML 文檔：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>HTML 版本
從 Web 誕生早期至今，已經(jīng)發(fā)展出多個(gè) HTML 版本：
| 版本 | 年份 |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
常用的聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html 元素
html 元素或根元素表示 HTML 的開始。
html 元素有一個(gè) head 元素和一個(gè) body 元素。
以下代碼顯示了正在使用的 html 元素。
<!DOCTYPE HTML> <html> ...content and elements omitted... </html>
head 元素
head 元素包含文檔的元數(shù)據(jù)。
在HTML中，元數(shù)據(jù)具有關(guān)于文檔中的內(nèi)容和標(biāo)記的信息。它還包括腳本和對(duì)外部資源的引用，例如 CSS 樣式表。
head 中的 title 元素必選的元素; 其他元數(shù)據(jù)元素是可選的。
以下代碼顯示了正在使用的 head 元素。
每個(gè) HTML 文檔都應(yīng)該包含一個(gè)head元素，它必須包含一個(gè)title元素，如代碼所示。
<!DOCTYPE HTML>
<html>
<head>
<title>Hello</title>
</head>
</html>
元數(shù)據(jù)元素
元數(shù)據(jù)元素本身不是內(nèi)容，但它們提供有關(guān)后續(xù)內(nèi)容的信息。
元數(shù)據(jù)元素被添加到頭元素。
body 元素
body 元素封裝了 HTML 文檔的內(nèi)容，而 head 元素封裝元數(shù)據(jù)和文檔信息。
body 元素總是位于 head 元素之后它是 html 元素的第二個(gè)孩子。
HTML4中的body元素的屬性:alink, background, bgcolor, link, margintop, marginbottom, marginleft, marginright, marginwidth, text, and vlink,都已過時(shí)。
這些屬性的效果可以用CSS實(shí)現(xiàn)。
下面的代碼顯示了正在使用的 body 元素。
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
<p>This is a test</p>
<a href="http://www.o2fo.com">Visit www.o2fo.com</a>
</body>
</html>一個(gè) p 元素和一個(gè) a 元素添加到 body 元素。
更多建議：