在Chrome跟 safari上 已經淘汰很多過時的meta 的屬性了，某些特定的都是在IE7以下，才會正常顯示出來，為了避免這種事情發生! 趕快來學新的語法吧!
編碼方式
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> content 可以選擇某頁的編碼內容 可簡化為: <meta charset="utf-8" />
圖示相關
網頁左邊icon: <link rel="icon" href="/favicon.png" /> 如果可以安裝成 APP IOS上圖示: <link rel="apple-touch-icon" href="/logo192.png" /> 手機上圖示: <link rel="manifest" href="/manifest.json" />
瀏覽整頁的大小
<meta name="viewport" content="width = device-width, initial-scale = 1 ,user-scalable = no" />
設定快取相關
設定快取到期 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> no-cache: 告訴瀏覽器、緩存服務器，不管本地副本是否過期，使用資源副本前，一定要到源服務器進行副本有效性校驗。 must-revalidate：告訴瀏覽器、緩存服務器，本地副本過期前，可以使用本地副本；本地副本一旦過期，必須去源服務器進行有效性校驗。 設定快取內容 <meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/">
每隔一段時間重新整理，秒數後分號導向某個網頁
<meta http-equiv="Refresh" content="2;URL=http://www.51siny.com/" /> 手機上address bar可以更改顏色 <meta name="theme-color" content="#000000" />
手機上address bar可以更改顏色
<meta name="theme-color" content="#000000" />
搜尋引擎相關
<meta name="description" content="Web site NEW BEE" /> 在搜尋引擎上 會跳出的小字描述。 <meta name="Keywords"content="關鍵字"/> SEO搜尋時，可能會出現的關鍵字 <meta name="robots" content="index, follow"> 沒有all這個關鍵字
<meta name="viewport"> 參數表格
| 參數 | 值 | 描述 |
|---|---|---|
width | 正整數或 device-width | 以pixels為單位， 定義viewport的寬度。 |
height | 正整數或 device-height | 以pixels為單位， 定義viewport的高度。 |
initial-scale | 0.0 ~ 10.0 | 定義設備寬度與視口大小之間的縮放比率。 |
maximum-scale | 0.0 ~ 10.0 | 定義縮放的最大值；它必須大於或等於minimum-scale的值，不然會導致不確定的行為發生。 |
minimum-scale | 0.0 ~ 10.0 | 定義縮放的最小值；它必須小於或等於maximum-scale的值，不然會導致不確定的行為發生。 |
user-scalable | yes / no | 如果設置為 no，用戶將不能放大或縮小網頁。默認值為 yes。 |
過時語法
<meta name="MSSmartTagsPreventParsing" content="true"> 不存在 <meta name="robots" content="all"> 沒all這個內容。 <meta name="copyright" content="…"> 這個 meta 並不存在。 <meta name="rating" content="…"> 這個 meta 並不存在。 <meta http-equiv="Page-Enter" contect=""> IE only <meta http-equiv="Page-Exit" contect=""> IE only <meta http-equiv="Content-Language"content='zh-Hant-tw'/> 跟 <html lang='zh-Hant-tw'> 一樣
@copyright MRcodingRoom
觀看更多文章請點MRcoding筆記
觀看更多文章請點MRcoding筆記
