《HTML5編程自學與面試指南》02-01:<!DOCTYPE>

大前端設計(H5+小程序+App)

溫馨提示:

本文中可能包含表格,在手機屏幕上豎屏顯示時,一行內可顯示中文字符數量為20個左右,因部分表格單元格內容過長會導致自動換行,從而使得排版不太美觀。

另外,本文中可能包含高清圖片,在手機屏幕上預覽時,我們需要頻繁的進行放大縮小操作,這是相當麻煩的一件事情。

因此,如果條件允許,建議您坐在舒適的辦公桌前,沖泡一杯咖啡或者茶,在電腦上閱讀以獲得更好的體驗。

<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。

以下面這個 <!DOCTYPE> 標簽為例:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

在上面的聲明中,聲明了文檔的根元素是 html,它的DTD公共標識符被定義為 "-//W3C//DTD XHTML 1.0 Strict//EN" 。瀏覽器根據此公共標識符尋找與之匹配的 DTD。如果找不到,瀏覽器將使用公共標識符后面的 URL 作為尋找 DTD 的位置。

DTD:Document Type Definition,即文檔類型定義。

DTD是一套關于標記符的語法規則。它使用一系列合法的元素來定義文檔的結構。它是XML1.0版規格的一部分,是XML文件的驗證機制。DTD也屬于XML文件組成的一部分,可被成行地聲明于 XML 文檔中,也可作為一個外部引用。

DTD 是一種保證XML文檔格式正確的有效方法,可通過比較XML文檔和DTD文件來看文檔是否符合規范,元素和標簽使用是否正確。XML文件提供應用程序一個數據交換的格式,DTD正是讓XML文件能成為數據交換標準,因為不同的公司只需定義好標準DTD,各公司都能依DTD建立XML文件,并且進行驗證,如此就可以輕易的建立標準和交換數據,這樣滿足了網絡共享和數據交互。DTD文件是一個ASCII文本文件,后綴名為.dtd。

溫馨提示:

<!DOCTYPE> 標簽沒有結束標記!如果您需要檢查是否編寫了帶有正確 DTD 的合法 XHTML/HTML 文檔,您可以把您的 頁面鏈接到一個 XHTML/HTML 驗證器。

1、DTD版本

<!DOCTYPE>標簽可聲明三種 DTD 類型,分別如下:

  • Strict :嚴格的文檔類型定義。如果您需要干凈的標記,免于表現層的混亂,請使用此類型,并與層疊樣式表(CSS)配合使用。該定義中不能包含已過時的元素(或屬性)和框架元素。

  • Transitional:過渡的文檔類型定義。Transitional DTD 可包含 W3C 所推薦使用的層疊樣式表(CSS)屬性和HTML元素。如果您的用戶使用了不支持層疊樣式表(CSS)的瀏覽器以至于您不得不使用 HTML 的呈現特性時,請使用此類型。該定義能包含已過時的元素和屬性但不能包含框架元素。

  • Frameset:框架集文檔類型定義。Frameset DTD 應當被用于帶有框架的文檔。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD。該定義能包含已過時的元素和框架元素。

2、示例

2.1、HTML 5

<!DOCTYPE HTML >

HTML 5的第一份正式草案已于2008年1月22日公布,目前HTML5 仍處于發展和完善之中。然而,當前大部分瀏覽器已經具備了絕大多數 HTML5 特性支持。它們包括Firefox,IE9,Edge,Chrome,Safari,Opera等。HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的HTML標準版本,強烈建議使用該DTD定義。

2.2、HTML 2.0

<!DOCTYPE  HTML PUBLIC "-//IETF//DTD HTML//EN">

2.3、HTML 3.2

<!DOCTYPE   HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

2.4、HTML 4.01 Frameset

<!DOCTYPE    HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

2.5、HTML 4.01 Strict

<!DOCTYPE  HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

2.6、HTML 4.01 Transitional

<!DOCTYPE   HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

2.7、HTML 4.01 Transitional(Quirks)

<!DOCTYPE    HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

2.8、XHTML 1.0 Frameset

<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

2.9、XHTML 1.0 Strict

<!DOCTYPE   html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2.10、XHTML 1.0 Transitional

<!DOCTYPE    html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2.11、XHTML 1.1

<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

如果您不能靜下心來,不精心雕琢和打造自己的知識系統和技能體系,沉迷于點石成金亦或是拔苗助長等等的奇技淫巧之間,那都是事倍功半的瞎忙活!

古往今來,學習,沒有捷徑,除非出現科幻般的腦機互聯......但有拙法,那就是書山有路勤為徑,學海無涯苦作舟!更何況,日新月異知識爆炸的今天,態度猶豫和停止學習,那么等待您的,唯有叢林淘汰法則。

書,能讀完嗎?肯定不能,汗牛充棟!
書,能學完嗎?絕對可以,得讀經典。

好好學習,天天向上!繼續下一章...


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
禁止轉載,如需轉載請通過簡信或評論聯系作者。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,582評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,540評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,028評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,801評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,223評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,442評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,976評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,800評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,996評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,233評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,926評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,702評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374