今天下午陽光明媚坡贺,北京少有的好天氣旺矾。正好有機(jī)會總結(jié)HTML標(biāo)簽片任,下面就詳細(xì)介紹一下基礎(chǔ)的標(biāo)簽的用法及相關(guān)的屬性。關(guān)于基礎(chǔ)篇的總結(jié)部分點擊這里.
基礎(chǔ)標(biāo)簽的內(nèi)容
<!DOCTYPE>:定義颅夺,聲明文檔類型
<html>:html文檔的根節(jié)點朋截,定義html文檔
<title>:定義文檔的標(biāo)題
<body>:定義文檔的主體
<h1> -- <h6>:定義html的標(biāo)題
<p>:定義html段落
<br>:定義一個簡單的換行
<hr>:定義一條水平線
<!--...-->:html文檔的注釋
基礎(chǔ)標(biāo)簽的使用方式
<!DOCTYPE html>
<html>
<head>
<title>這里是標(biāo)題</title>
這里是文檔的頭部 ... ...
...
</head>
<body>
這里是文檔的主體 ... ...
...
</body>
</html>
<!DOCTYPE>:文檔聲明
定義和用法
定義:<!DOCTYPE>是指示瀏覽器使用哪個HTML版本渲染編寫的代碼
用法:必須是 HTML 文檔的第一行,位于 <html> 標(biāo)簽之前吧黄。
在在 HTML 4.01 中部服,<!DOCTYPE> 聲明引用 DTD(文檔類型定義),因為 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,但允許添加模型(例如提供對東亞語系的 ruby 支持)银酗。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>:html文檔的根節(jié)點辆影,定義html文檔
定義和用法
定義:此元素可告知瀏覽器其自身是一個 HTML 文檔。
用法:<html> 與 </html> 標(biāo)簽限定了文檔的開始點和結(jié)束點黍特,在它們之間是文檔的頭部和主體蛙讥。正如您所了解的那樣,文檔的頭部由<head>定義灭衷,而主體由<body>定義次慢。
HTML 與 XHTML 之間的差異
1.XHTML 要求正確嵌套
2.XHTML 所有元素必須關(guān)閉
3.XHTML 區(qū)分大小寫
4.XHTML 屬性值要用雙引號
5.XHTML 用 id 屬性代替 name 屬性
6.XHTML 特殊字符的處理
<title>:定義文檔的標(biāo)題
定義和用法
定義:<title> 元素可定義文檔的標(biāo)題。
用法:放在<head>標(biāo)簽中
通常把它放置在瀏覽器窗口的標(biāo)題欄或狀態(tài)欄上今布,并且经备,當(dāng)把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時,標(biāo)題將成為該文檔鏈接的默認(rèn)名稱
<body>:定義文檔的主體
定義和用法
定義:body 元素定義文檔的主體部默。
用法:在<html>標(biāo)簽中侵蒙,與<title>標(biāo)簽是兄弟節(jié)點
可選的屬性(不推薦使用)
align="left/center/right/justify"
h1 -- h6:定義html的標(biāo)題
有6級標(biāo)題,每級標(biāo)題有對應(yīng)的字體格式傅蹂,具體的大小纷闺,參見這里;
p 定義段落
p 元素會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間份蝴,您也可以在樣式表中規(guī)定犁功。
br 換行
p 元素會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間婚夫,您也可以在樣式表中規(guī)定浸卦。
定義水平線
標(biāo)簽在 HTML 頁面中創(chuàng)建一條水平線。
水平分隔線(horizontal rule)可以在視覺上將文檔分隔成各個部分案糙。
屬性="屬性值"
noshade="noshade"
:規(guī)定水平線的顏色為純色限嫌,不是有陰影的顏色靴庆;
size="num"
:規(guī)定水平線的高度,以px為單位怒医;
width="num"
:規(guī)定水平線的寬度炉抒,以px或百分比為單位;
:html文檔的注釋
注釋標(biāo)簽用于在源代碼中插入注釋稚叹。注釋不會顯示在瀏覽器中焰薄。