HTML 文檔
<!DOCTYPE> 聲明
Web 世界中存在許多不同的文檔。只有了解文檔的類型,瀏覽器才能正確地顯示文檔。
HTML 也有多個不同的版本,只有完全明白頁面中使用的確切 HTML 版本,瀏覽器才能完全正確地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處。
<!DOCTYPE> 不是 HTML 標簽。它為瀏覽器提供一項信息(聲明),即 HTML 是用什么版本編寫的。
doctype
元素是唯一的,并且在它自己的類別中。
實例
帶有 HTML5 DOCTYPE 的 HTML 文檔:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
HTML 版本
從 Web 誕生早期至今,已經發展出多個 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
元素有一個head
元素和一個body
元素。
以下代碼顯示了正在使用的html
元素。
<!DOCTYPE HTML> <html> ...content and elements omitted... </html>
head 元素
head
元素包含文檔的元數據。
在HTML中,元數據具有關于文檔中的內容和標記的信息。它還包括腳本和對外部資源的引用,例如 CSS 樣式表。
head
中的title
元素必選的元素; 其他元數據元素是可選的。
以下代碼顯示了正在使用的head
元素。
每個 HTML 文檔都應該包含一個head
元素,它必須包含一個title
元素,如代碼所示。
<!DOCTYPE HTML> <html> <head> <title>Hello</title> </head> </html>
元數據元素
元數據元素本身不是內容,但它們提供有關后續內容的信息。
元數據元素被添加到頭元素。
body 元素
body
元素封裝了 HTML 文檔的內容,而head
元素封裝元數據和文檔信息。
body
元素總是位于head
元素之后它是 html 元素的第二個孩子。
HTML4中的body
元素的屬性:alink, background, bgcolor, link, margintop, marginbottom, marginleft, marginright, marginwidth, text, and vlink,
都已過時。
這些屬性的效果可以用CSS實現。
下面的代碼顯示了正在使用的body
元素。
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
<p>This is a test</p>
<a >Visit www.w3cschool.cn</a>
</body>
</html>
一個p
元素和一個a
元素添加到body
元素。