HTML(HyperText Markup Language)
Doctype作用
標(biāo)簽完整格式為<!DOCTYPE>
是一種標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的文檔類(lèi)型聲明（）
目的是
- 告訴標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言解析器醇疼，它應(yīng)該使用什么樣的文檔類(lèi)型定義（DTD）來(lái)解析文檔
- 告訴瀏覽器使用什么樣的html或xhtml規(guī)范來(lái)解析html文檔（即解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔）
- 指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令。
DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)
有以下模式
BackCompat：標(biāo)準(zhǔn)兼容模式未開(kāi)啟（或叫怪異模式倔毙、混雜模式）
CSS1Compat：標(biāo)準(zhǔn)兼容模式已開(kāi)啟（或叫嚴(yán)格模式）
標(biāo)準(zhǔn)模式與兼容模式區(qū)別
- 標(biāo)準(zhǔn)模式中乙濒，頁(yè)面的排版 和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。
- 兼容模式中么库，頁(yè)面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作甘有。
HTML5 為什么只需要寫(xiě) <!DOCTYPE HTML>？
已經(jīng)不需要要這樣寫(xiě)了：
- HTML5
<!DOCTYPE html>
- XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML5 不基于 SGML忱反，因此不需要對(duì)DTD進(jìn)行引用滤愕，但是需要doctype來(lái)規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來(lái)運(yùn)行）；
而HTML4.01基于SGML,所以需要對(duì)DTD進(jìn)行引用注竿，才能告知瀏覽器文檔所使用的文檔類(lèi)型宇智。
DTD 規(guī)定了標(biāo)記語(yǔ)言的規(guī)則胰丁，這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
HTML 元素
- HTML 元素以開(kāi)始標(biāo)簽起始
- HTML 元素以結(jié)束標(biāo)簽終止
- 元素的內(nèi)容是開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
- 某些 HTML 元素具有空內(nèi)容（empty content）
- 空元素在開(kāi)始標(biāo)簽中進(jìn)行關(guān)閉（以開(kāi)始標(biāo)簽的結(jié)束而結(jié)束）
- 大多數(shù) HTML 元素可擁有屬性（使用小寫(xiě)）
HTML head 元素
- <head> 定義了文檔的信息
- <title> 定義了文檔的標(biāo)題
- <base> 定義了頁(yè)面鏈接標(biāo)簽的默認(rèn)鏈接地址
- <link> 定義了一個(gè)文檔和外部資源之間的關(guān)系
- <meta> 定義了HTML文檔中的元數(shù)據(jù)
- <script> 定義了客戶(hù)端的腳本文件
- <style> 定義了HTML文檔的樣式文件
HTML 文本格式化標(biāo)簽
- <b> 定義粗體文本
- <em> 定義著重文字
- <i> 定義斜體字
- <small> 定義小號(hào)字
- <strong> 定義加重語(yǔ)氣
- <sub> 定義下標(biāo)字
- <sup> 定義上標(biāo)字
- <ins> 定義插入字
- <del> 定義刪除字
HTML 塊狀元素
- address - 地址
- blockquote - 塊引用
- center - 舉中對(duì)齊塊
- dir - 目錄列表
- div - 常用塊級(jí)容易机蔗，也是CSS layout的主要標(biāo)簽
- dl - 定義列表
- fieldset - form控制組
- form - 交互表單
- h1 - 大標(biāo)題
- h2 - 副標(biāo)題
- h3 - 3級(jí)標(biāo)題
- h4 - 4級(jí)標(biāo)題
- h5 - 5級(jí)標(biāo)題
- h6 - 6級(jí)標(biāo)題
- hr - 水平分隔線
- isindex - input prompt
- menu - 菜單列表
- noframes - frames可選內(nèi)容萝嘁，（對(duì)于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
- noscript - 可選腳本內(nèi)容（對(duì)于不支持script的瀏覽器顯示此內(nèi)容）
- ol - 有序表單
- p - 段落
- pre - 格式化文本
- table - 表格
- ul - 無(wú)序列表
HTML 內(nèi)聯(lián)元素
- a - 錨點(diǎn)
- abbr - 縮寫(xiě)
- acronym - 首字
- b - 粗體(不推薦)
- bdo - bidi override
- big - 大字體
- br - 換行
- cite - 引用
- code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)
- dfn - 定義字段
- em - 強(qiáng)調(diào)
- font - 字體設(shè)定(不推薦)
- i - 斜體
- img - 圖片
- input - 輸入框
- kbd - 定義鍵盤(pán)文本
- label - 表格標(biāo)簽
- q - 短引用
- s - 中劃線(不推薦)
- samp - 定義范例計(jì)算機(jī)代碼
- select - 項(xiàng)目選擇
- small - 小字體文本
- span - 常用內(nèi)聯(lián)容器扬卷，定義文本內(nèi)區(qū)塊
- strike - 中劃線
- strong - 粗體強(qiáng)調(diào)
- sub - 下標(biāo)
- sup - 上標(biāo)
- textarea - 多行文本輸入框
- tt - 電傳文本
- u - 下劃線
- var - 定義變量
HTML 空元素
常見(jiàn)
- br
- hr
- img
- input
- link
- meta
鮮為人知
- area
- base
- col
- command
- embed
- keygen
- param
- source
- track
- wbr
