初看這個(gè)標(biāo)題很容易理解錯(cuò)誤寇壳，這里的meta元素不僅僅指的是<meta>，而是指元信息（meta information）妻怎，即
頭元素包含關(guān)于文檔的概要信息壳炎，也稱為元信息，元信息是關(guān)于信息的信息逼侦。
明白這一點(diǎn)以后匿辩，我們就可以總結(jié)一下常用的meta元素有哪些了。
<title>
<title>元素定義文檔的標(biāo)題榛丢，顯示在標(biāo)題欄或者標(biāo)簽頁上铲球。
- 屬性
- 全局屬性
- 使用環(huán)境
- 必須要有開始標(biāo)簽和結(jié)束標(biāo)簽，如果沒有結(jié)束標(biāo)簽
</title>晰赞，將會(huì)導(dǎo)致瀏覽器或略掉頁面剩余的標(biāo)簽稼病。 - 一個(gè)
<head>元素只能包含一個(gè)<title>元素
<base>
<base>表示文檔中所有相對(duì)url地址的基礎(chǔ)url
- 屬性
-
href
該屬性值允許絕對(duì)URL和相對(duì)URL target
為沒有顯示
target引用屬性的元素指定一個(gè)名字或關(guān)鍵字选侨，當(dāng)元素的超鏈接或?qū)е聦?dǎo)航的形式被激活時(shí)，指定顯示結(jié)果的默認(rèn)位置
以下是關(guān)鍵字的含義：
1. _self:表示在當(dāng)前窗口打開鏈接然走，是target屬性的默認(rèn)值
-
_blank：表示在新的窗口打開鏈接
-
_parent: 表示在當(dāng)前窗口的父級(jí)窗口打開鏈接援制，如果沒有父級(jí)窗口，就和_self一樣
-
_top:載入結(jié)果到頂級(jí)瀏覽上下文（該瀏覽上下文是當(dāng)前上下文的最頂級(jí)上下文）芍瑞。如果沒有父級(jí)晨仑，該選項(xiàng)的行為和_self一樣。
如果含有多個(gè)包含href或者target的元素拆檬，則只有第一個(gè)有效,所以<base>元素必須寫在所有屬性值是URL的元素之前洪己。另外href和target兩個(gè)屬性必須要使用其中一個(gè)或者都用。
<link>
<link>元素用來鏈接css等外部資源
- 屬性
- 全局屬性
-
charset：定義被鏈接資源的字符編碼 crossorigin-
disabled:用來啟用或禁用多個(gè)樣式表鏈接 -
href:用來指定被鏈接資源的URL竟贯，這個(gè)屬性必須存在且要包含有效的url答捕，如果不存在則不定義鏈接 -
hreflang:指明被鏈接資源的語言 integrity-
meida：指定鏈接資源適用的媒體，例如：print(打印)澄耍、handheld（手持設(shè)備） methods-
rel:表明鏈接文檔與當(dāng)前文檔的關(guān)系噪珊。最常見的值：stylesheet revsizestarget-
type:表示鏈接的內(nèi)容類型，例如：text/css
<meta>
MDN HTML元素參考中關(guān)于<meta>的概述：
<meta>元素表示那些不能由其它HTML元相關(guān)元素<base>齐莲、<link>痢站、<style>或<title>之一表示的任何元數(shù)據(jù)信息.
<meta>可以提供一些頁面的元信息，這些元信息可以分為以下幾種：
-
<name>：把整個(gè)文檔關(guān)聯(lián)一個(gè)名稱
可以設(shè)定的值有-
keywords:頁面關(guān)鍵字 -
description：頁面描述 -
robots：搜索引擎索引方式 -
author：網(wǎng)頁作者
-
更多值可在MDN HTML meta元素概述中找到
特別說明name的一個(gè)可選值—viewport选酗。這個(gè)屬性在響應(yīng)式設(shè)計(jì)中有很大用處阵难，具體可以看：Viewport Meta標(biāo)簽
<http-equiv>：把content屬性關(guān)聯(lián)到HTTP頭部
可以設(shè)定的值有：content-type/expire/refresh/set-cookie<charset>:聲明網(wǎng)頁字符集<itemprop>:將定義一個(gè)用戶自定義的元數(shù)據(jù)屬性
charset: 聲明html文檔使用的字符編碼，但是這個(gè)聲明可以被任何一個(gè)元素的content：定義與http-equiv或者name屬性相關(guān)的元信息芒填，是<meta>標(biāo)簽的必要屬性其它
還有一些只有在特定瀏覽器里才能發(fā)揮作用的<meta>呜叫。例如:
<!-- 優(yōu)先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<!-- 瀏覽器內(nèi)核控制：國(guó)內(nèi)瀏覽器很多都是雙內(nèi)核（webkit和Trident） -->
<meta name="renderer" content="webkit" />
<meta>是所有html元素里需要深入了解的元素之一，想了解更多殿衰，可以閱讀
- HTML5 spec-the meta element
- 博文 <meta>詳解
<style>
MDN HTML元素參考中關(guān)于<style>的概述：
<style>元素包含了文檔的樣式化信息或者文檔的一部分朱庆。指定的樣式化星系包含的該元素內(nèi)，通常是CSS的格式闷祥。
- 屬性
-
type：默認(rèn)值為text/css -
media: 制定某個(gè)媒體使用該樣式 -
scoped：如果該屬性存在娱颊，則樣式應(yīng)用于其父元素；如果不存在凯砍，則應(yīng)用于整個(gè)文檔箱硕。 -
title：這里的title屬性和別的地方不太一樣，這里代表的意思是可選指定樣式表 -
disabled：如果使用了這個(gè)屬性悟衩，則禁用了此樣式
以上總結(jié)的是常用的meta元素剧罩，這些屬性有些共同特點(diǎn)，其中重要的兩點(diǎn)就是：
- 它們都在<head>元素里面
- 都不顯示在呈現(xiàn)的頁面上
在我看來座泳，它們?cè)趆tml文檔“低調(diào)”但是同時(shí)又非常重要惠昔，這些標(biāo)簽都比較抽象幕与，需要我們多花點(diǎn)功夫了解熟悉。
