資訊專欄INFORMATION COLUMN
摘要：年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為提案被提出年月作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布年月日作為推薦標(biāo)準(zhǔn)發(fā)布。規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。
作者：陳大魚頭
github： KRISACHAN
上一篇分享了CSS的邏輯屬性與盒子模型中分享了一些有關(guān)設(shè)備屏幕的知識以及瀏覽器視口的坐標(biāo)構(gòu)成。本篇則會分享HTML相關(guān)的一些知識。
我們在序章的開頭就簡單的講解了HTML的誕生歷史，本篇不作詳細(xì)講解，有興趣的可以去看wikipedia。
HTML大事記首先我們簡單地來看一下HTML的發(fā)展歷程（具體各個版本的區(qū)別亦不做講解）。
1982年Tim Berners-Lee創(chuàng)建了html；
1989年Tim Berners-Lee規(guī)定HTML并在1990年底寫出瀏覽器和服務(wù)器軟件；
1991年底Tim Berners-Lee提及HTML標(biāo)簽（它描述18個元素，包括HTML初始的、相對簡單的設(shè)計(jì)）；
1993年互聯(lián)網(wǎng)工程任務(wù)組（IETF）發(fā)布首個HTML規(guī)范的提案；
1994年IETF創(chuàng)建一個HTML工作組；
1995年11月24日HTML 2.0作為IETF RFC 1866發(fā)布；
IETF于1996年9月12日關(guān)閉它的HTML工作組；
1997年1月14日HTML 3.2作為W3C推薦標(biāo)準(zhǔn)發(fā)布。這是首個完全由W3C開發(fā)并標(biāo)準(zhǔn)化的版本；
1997年12月18日HTML 4.0作為W3C推薦標(biāo)準(zhǔn)發(fā)布；
1998年4月24日進(jìn)行微調(diào)，不增加版本號；
1999年12月24日HTML 4.01作為W3C推薦標(biāo)準(zhǔn)發(fā)布；
2000年5月ISO/IEC 15445:2000（"ISO HTML"，基于HTML 4.01嚴(yán)格版）作為ISO/IEC國際標(biāo)準(zhǔn)發(fā)布。
2014年10月28日HTML 5作為W3C推薦標(biāo)準(zhǔn)發(fā)布；
2015年3月20日HTML6作為提案被W3C提出；
2016年11月HTML5.1作為W3C推薦標(biāo)準(zhǔn)發(fā)布；
2017年12月14日HTML5.2作為W3C推薦標(biāo)準(zhǔn)發(fā)布；
2018年10月18日HTML5.3作為W3C推薦標(biāo)準(zhǔn)發(fā)布。
魚頭注：上面某些信息看得真讓人發(fā)愁。。。。。。
HTML標(biāo)簽對于應(yīng)付日常的業(yè)務(wù)，寫在同一行的就用span，需要換行的就用div，如果有超鏈接就用a。長得丑？加color啊，不夠大？用font-size: xx-large啊。嗯，沒有任何問題，精通HTML。: )
此刻正在看這篇文章的你估計(jì)會覺得：“HTML有什么好說的，每天都寫，鍵盤上div那幾個字母都要被我按爛了，這只有初學(xué)者才需要學(xué)?！?/p>
嗯，說得對。那本篇結(jié)束，再見！
咦，不對，其實(shí)在魚頭看來HTML并不簡單，作為一門原本是為了學(xué)者們的交流而誕生的語言，本身就是充滿嚴(yán)謹(jǐn)性的，加上又已經(jīng)發(fā)展了37個年頭，更是不簡單。
魚頭注：本篇不會對HTML的標(biāo)簽結(jié)構(gòu)跟文件組成進(jìn)行介紹，有需要了解的童鞋可以參考MDN跟W3school
首先我們來看一個基本的HTML頁面會有什么東西：
hello world
hello world
從上面我們可以知道一個基本的HTML頁面會有定義文檔類型的，告知瀏覽器這是一個HTML文檔的，定義各種文檔屬性的，以及定義內(nèi)容主體的。
首先我們一起來看看這幾大標(biāo)簽的具體情況以及子標(biāo)簽詳情。
DOCTYPE是個聲明而不是標(biāo)簽，它必須在HTML 文檔的第一行，位于 標(biāo)簽之前。它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進(jìn)行編寫的指令。必須始終向 HTML 文檔添加 聲明，這樣瀏覽器才能獲知文檔類型。詳情請參考HTML 元素和有效的 DTD。
html限定了文檔的開始點(diǎn)和結(jié)束點(diǎn)，在它們之間是文檔的頭部和主體。我們來看看在標(biāo)簽中可添加的專屬屬性有哪些：
| 屬性 | 值 | 描述 |
|---|---|---|
| manifest | url | 定義一個 URL，在這個 URL 上描述了文檔的緩存信息。（已廢棄） |
| xmlns | http://www.w3.org/1999/xhtml | 定義 XML namespace 屬性。 |
HTML 屬性賦予元素意義和語境。下面的全局屬性可用于任何 HTML 元素。
| 屬性 | 描述 |
|---|---|
| accesskey | 規(guī)定激活元素的快捷鍵。 |
| class | 規(guī)定元素的一個或多個類名（引用樣式表中的類）。 |
| contenteditable | 規(guī)定元素內(nèi)容是否可編輯。 |
| contextmenu | 規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時顯示。 |
| data-* | 用于存儲頁面或應(yīng)用程序的私有定制數(shù)據(jù)。 |
| dir | 規(guī)定元素中內(nèi)容的文本方向。 |
| draggable | 規(guī)定元素是否可拖動。 |
| dropzone | 規(guī)定在拖動被拖動數(shù)據(jù)時是否進(jìn)行復(fù)制、移動或鏈接。 |
| hidden | 規(guī)定元素仍未或不再相關(guān)。 |
| id | 規(guī)定元素的唯一 id。 |
| lang | 規(guī)定元素內(nèi)容的語言。 |
| spellcheck | 規(guī)定是否對元素進(jìn)行拼寫和語法檢查。 |
| style | 規(guī)定元素的行內(nèi) CSS 樣式。 |
| tabindex | 規(guī)定元素的 tab 鍵次序。 |
| title | 規(guī)定有關(guān)元素的額外信息。 |
| translate | 規(guī)定是否應(yīng)該翻譯元素內(nèi)容。 |
標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。描述了文檔的各種屬性和信息，包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等。
那么有哪些標(biāo)簽是可以放在內(nèi)的呢？
首先是
通常情況下，瀏覽器會從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對 URL 中的空白。
使用
根據(jù)上面的DEMO
/head-base.html)我們可以發(fā)現(xiàn)，在設(shè)置了
其次是scheme，此屬性是用來設(shè)置或返回用于解釋 content 屬性的值的格式。例子如下：
有趣的是，MDN上有這么一段描述：
Notes: Do not use this attribute as it is obsolete. There is no replacement for it as there was no real usage for it. Omit it altogether.
意思就是不要用這屬性，因?yàn)檫@屬性并沒什么用處。: )
然后是name，此屬性定義文檔級元數(shù)據(jù)的名稱。值得注意的是，如果定義的元數(shù)據(jù)設(shè)置了itemprop, http-equiv or charset ，就不能再設(shè)置name了。
name的值含義如下
| 值 | 描述 |
|---|---|
| application-name | 定義正運(yùn)行在該網(wǎng)頁上的網(wǎng)絡(luò)應(yīng)用名稱 |
| author | 文檔作者 |
| description | 其中包含頁面內(nèi)容的簡短和精確的描述。一些瀏覽器，如Firefox和Opera，將其用作書簽頁面的默認(rèn)描述。 |
| generator | 包含生成頁面的軟件的標(biāo)識符。 |
| keywords | 包含與逗號分隔的頁面內(nèi)容相關(guān)的單詞。 |
| referrer | 控制所有從該文檔發(fā)出的 HTTP 請求中HTTP Referer 首部的內(nèi)容。 |
| others | 其他的內(nèi)容。 |
詳細(xì)name值，可以訪問https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta#屬性。
最后我們來看看http-equiv，此屬性把content屬性連接到HTTP頭部。
| 值 | 描述 |
|---|---|
| content-security-policy | 允許站點(diǎn)管理者在指定的頁面控制用戶代理的資源。除了少數(shù)例外，這條政策將極大地指定服務(wù)源 以及腳本端點(diǎn)。這將幫助防止跨站腳本攻擊。 |
| default-style | 這個屬性指定了在頁面上使用的首選樣式表. content屬性必須包含 元素的標(biāo)題, href屬性鏈接到CSS樣式表或包含CSS樣式表的 |