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