HTML文档解析
2.1?<!DOCTYPE! html>
什么是<!DOCTYPE html>？
在HTML文檔初，往往會有這么一句話<!DOCTYPE html>，那么它的意義是什么呢？它是html5標準網頁聲明,全稱為Document Type HyperText Mark-up Language，意思為文檔種類為超文本標記性語言或超文本鏈接標示語言，現在是這個簡潔形式，支持html5標準的主流瀏覽器都認識這個聲明。表示網頁采用html5，<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。
這個標簽可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基于框架的 HTML 文檔。
public 這行聲明了文檔的根元素是 html，它在公共標識符被定義為 "-//W3C//DTD XHTML 1.0?
Strict//EN" 的 DTD 中進行了定義。瀏覽器將明白如何尋找匹配此公共標識符的 DTD。如果找不到，瀏覽器將使用公共標識符后面的URL 作為尋找 DTD 的位置。
<!DOCTYPE html>的重要性？
1作用：聲明文檔的解析類型(document.compatMode)，避免瀏覽器的怪異模式。
document.compatMode：
BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。
CSS1Compat：標準模式，瀏覽器使用W3C的標準解析渲染頁面。
?????這個屬性會被瀏覽器識別并使用，但是如果你的頁面沒有DOCTYPE的聲明，那么compatMode默認就是BackCompat,
這也就是惡魔的開始 -- 瀏覽器按照自己的方式解析渲染頁面，那么，在不同的瀏覽器就會顯示不同的樣式。
?????如果你的頁面添加了<!DOCTYPE html>那么，那么就等同于開啟了標準模式，那么瀏覽器就得老老實實的按照W3C的
標準解析渲染頁面，這樣一來，你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。
這就是<!DOCTYPE html>的作用。
2 使用：<!DOCTYPE html>
2.1?使用也很簡單，就是在你的html頁面的第一行添加"<!DOCTYPE html>"一行代碼就可以了
2.2?jsp的話，添加在<%@ page %>的下一行。
2.3 不用區分大小寫
注意:上面這個<!DOCTYPE html>?參考自百度百科，博主月南，ITOYO博主憤怒的coder,感興趣的朋友可以繼續探索。
2.2<html lang="en">
?原形式是<html language="english">,這句話的作用是告訴搜索引擎爬蟲,我們這個網站的內容是關于英語的,en在這里是english,如果要告訴搜索引擎爬蟲我們的內容是關于中文的,只要將“en”該為“zh”("中"拼音的前兩個字母組合),如果是德語的話,將“en”改為“de”。這里需要注意的是除了“english”的縮寫是“en”，其他語言都是漢語拼音的前兩個字母組合。
2.3<meta>系列
2.3.1<meta charset="utf-8">
自己寫的html文檔用瀏覽器打開是亂碼的話,就是這里出現了問題
這個charset原意是字符集，在這里是編碼的意思，后面等于的值是指該文檔字體的文字類型,這個編碼類型有四類。第一類: gb2312(國家標準第2312條例,可以理解為簡體中文)--->gb2312是中文的字符集，對中文支持比較好，但是如果網頁使用英文或者其他的外文比如日文韓文，gb2312就不能支持了;第二類: gbk(在gb2312基礎上加了繁體字類型);第三類: unicode(萬國碼),這個類型基本涵蓋所有的語言了;第四類: utf-8 (是unicode的升級版本),也是現在公司最常用的編碼類型。
2.3.2<meta content="" name="">
這個標簽有幾個類型,是由name值決定的,name值可以為description(描述),keywords(關鍵詞),這兩個是最常用的,content的話你可以根據需求來寫,這個標簽是為了別人輸入關鍵詞,能相應的找到對應的網站,比如我想了解一下淘寶網上的羽絨服,當你在淘寶網中輸入羽絨服時,相應的會出現各種各樣的羽絨服的鏈接,如果你是一個羽絨服店家,想讓你的羽絨服更靠前,(先假設淘寶網每家的羽絨服銷量,好評率等等都一樣的時候),這樣的話你就可以把這兩個屬性描述的夸張一點。
比如:
<meta content="羽絨服" name="keywords">
<meta content="這個羽絨服是你穿了就不想脫的羽絨服" name="description">
2.4<title> </title>
這是一個雙標簽,是標題的意思,中間是你要寫的標題
2.5<link href="" rel="stylesheet">
這個標簽是為了引入css文件,css文件名稱寫在href(hypertext reference 超文本引用)里,是為了渲染html文檔的
2.6<body></body>
這是身體標簽,是你要寫的網頁的內容區,展示給用戶看的
2.7<script src=""></script>
這是為了引入js文件,文件名稱寫在src里,是為了給html增加一種動態渲染的功能,為什么要將該標簽放在</body>之前,是因為我們在渲染html網頁時,瀏覽器遇到<link href="" rel="stylesheet">會同時(異步加載)渲染html和CSS,而遇到script時,留言器會暫停對html和css代碼的加載,這樣的話會導致html,css文檔還未加載完就已經使用js渲染了頁面,使得頁面出錯
?
---------------------?
作者：前端小白。?
來源：CSDN?
原文：https://blog.csdn.net/qq_40860137/article/details/83958992?
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！
總結
- 上一篇： 突破压缩极限的AI语音编解码器
- 下一篇： 2017年html5行业报告,云适配发布