溫馨提示:
本文中可能包含表格,在手機屏幕上豎屏顯示時,一行內可顯示中文字符數量為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">
如果您不能靜下心來,不精心雕琢和打造自己的知識系統和技能體系,沉迷于點石成金亦或是拔苗助長等等的奇技淫巧之間,那都是事倍功半的瞎忙活!
古往今來,學習,沒有捷徑,除非出現科幻般的腦機互聯......但有拙法,那就是書山有路勤為徑,學海無涯苦作舟!更何況,日新月異知識爆炸的今天,態度猶豫和停止學習,那么等待您的,唯有叢林淘汰法則。
書,能讀完嗎?肯定不能,汗牛充棟!
書,能學完嗎?絕對可以,得讀經典。
好好學習,天天向上!繼續下一章...