今天下午陽光明媚，北京少有的好天氣。正好有機(jī)會(huì)總結(jié)HTML標(biāo)簽，下面就詳細(xì)介紹一下基礎(chǔ)的標(biāo)簽的用法及相關(guān)的屬性。關(guān)于基礎(chǔ)篇的總結(jié)部分點(diǎn)擊這里.
基礎(chǔ)標(biāo)簽的內(nèi)容
<!DOCTYPE>：定義，聲明文檔類型
<html>：html文檔的根節(jié)點(diǎn)，定義html文檔
<title>：定義文檔的標(biāo)題
<body>：定義文檔的主體
<h1> -- <h6>：定義html的標(biāo)題
<p>：定義html段落
<br>：定義一個(gè)簡(jiǎn)單的換行
<hr>：定義一條水平線
<!--...-->：html文檔的注釋
基礎(chǔ)標(biāo)簽的使用方式
<!DOCTYPE html>
<html>
<head>
<title>這里是標(biāo)題</title>
這里是文檔的頭部 ... ...
...
</head>
<body>
這里是文檔的主體 ... ...
...
</body>
</html>
<!DOCTYPE>：文檔聲明
定義和用法
定義：<!DOCTYPE>是指示瀏覽器使用哪個(gè)HTML版本渲染編寫的代碼
用法：必須是 HTML 文檔的第一行，位于 <html> 標(biāo)簽之前。
在在 HTML 4.01 中，<!DOCTYPE> 聲明引用 DTD（文檔類型定義），因?yàn)?HTML 4.01 基于 SGML（標(biāo)準(zhǔn)通用標(biāo)記語言）。DTD 規(guī)定了標(biāo)記語言的規(guī)則，這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
HTML5 不基于 SGML，所以不需要引用 DTD。以下是HTML的DOCTYPE文檔類型的常見聲明:
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict（嚴(yán)格的）
該 DTD 包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional（過渡的）
該 DTD 包含所有 HTML 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
該 DTD 等同于 HTML 4.01 Transitional，但允許框架集內(nèi)容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict（嚴(yán)格的）
該 DTD 包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。必須以格式正確的 XML 來編寫標(biāo)記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional（過渡的）
該 DTD 包含所有 HTML 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。必須以格式正確的 XML 來編寫標(biāo)記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
該 DTD 等同于 XHTML 1.0 Transitional，但允許框架集內(nèi)容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
該 DTD 等同于 XHTML 1.0 Strict，但允許添加模型（例如提供對(duì)東亞語系的 ruby 支持）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>：html文檔的根節(jié)點(diǎn)，定義html文檔
定義和用法
定義：此元素可告知瀏覽器其自身是一個(gè) HTML 文檔。
用法：<html> 與 </html> 標(biāo)簽限定了文檔的開始點(diǎn)和結(jié)束點(diǎn)，在它們之間是文檔的頭部和主體。正如您所了解的那樣，文檔的頭部由<head>定義，而主體由<body>定義。
HTML 與 XHTML 之間的差異
1.XHTML 要求正確嵌套
2.XHTML 所有元素必須關(guān)閉
3.XHTML 區(qū)分大小寫
4.XHTML 屬性值要用雙引號(hào)
5.XHTML 用 id 屬性代替 name 屬性
6.XHTML 特殊字符的處理
<title>：定義文檔的標(biāo)題
定義和用法
定義：<title> 元素可定義文檔的標(biāo)題。
用法：放在<head>標(biāo)簽中
通常把它放置在瀏覽器窗口的標(biāo)題欄或狀態(tài)欄上，并且，當(dāng)把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時(shí)，標(biāo)題將成為該文檔鏈接的默認(rèn)名稱
<body>：定義文檔的主體
定義和用法
定義：body 元素定義文檔的主體。
用法：在<html>標(biāo)簽中，與<title>標(biāo)簽是兄弟節(jié)點(diǎn)
可選的屬性(不推薦使用)
align="left/center/right/justify"
h1 -- h6：定義html的標(biāo)題
有6級(jí)標(biāo)題，每級(jí)標(biāo)題有對(duì)應(yīng)的字體格式，具體的大小，參見這里;
p 定義段落
p 元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白。瀏覽器會(huì)自動(dòng)添加這些空間，您也可以在樣式表中規(guī)定。
br 換行
p 元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白。瀏覽器會(huì)自動(dòng)添加這些空間，您也可以在樣式表中規(guī)定。
定義水平線
標(biāo)簽在 HTML 頁面中創(chuàng)建一條水平線。
水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個(gè)部分。
屬性="屬性值"
noshade="noshade"：規(guī)定水平線的顏色為純色，不是有陰影的顏色；
size="num"：規(guī)定水平線的高度，以px為單位；
width="num"：規(guī)定水平線的寬度，以px或百分比為單位；
：html文檔的注釋
注釋標(biāo)簽用于在源代碼中插入注釋。注釋不會(huì)顯示在瀏覽器中。
