html 標(biāo)簽: meta, script, style

feng409 發(fā)布于2019-08-21 10:52 / 858人閱讀

摘要：是語言區(qū)的一個(gè)輔助性標(biāo)簽。選項(xiàng)鏈接文件在新的窗口中打開鏈接文件將在當(dāng)前窗口的父級(jí)窗口中打開鏈接文件在當(dāng)前窗口幀中打開鏈接文件全屏顯示新標(biāo)簽指定請(qǐng)求和響應(yīng)遵循的緩存機(jī)制。請(qǐng)求時(shí)的緩存指令包括，響應(yīng)消息中的指令包括。

meta

meta是html語言head區(qū)的一個(gè)輔助性標(biāo)簽。
作用有：SEO, 緩存, 窗口大小, 字符集等.

meta標(biāo)簽分兩類，http-equiv和name

1. name keywords

description

robots



content具體參數(shù)如下：
信息參數(shù)為all：默認(rèn)值, 文件將被檢索，且頁面上的鏈接可以被查詢；
信息參數(shù)為none：文件將不被檢索，且頁面上的鏈接不可以被查詢；
信息參數(shù)為index：文件將被檢索；
信息參數(shù)為follow：頁面上的鏈接可以被查詢；
信息參數(shù)為noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；
信息參數(shù)為nofollow：文件將被檢索，但頁面上的鏈接不可以被查詢；

author

generator

代表說明網(wǎng)站的采用的什么軟件制作

copyright

viewport

屏幕的縮放

width             viewport的寬度(數(shù)值/device-width)
height            viewport的高度(數(shù)值/device-height)
user-scalable     是否允許縮放,(yes/no)
initial-scale     初始化比例（范圍從 > 0 到 10）
minimum-scale     允許縮放的最小比例
maximum-scale     允許縮放的最大比例
target-densitydpi 值有以下（一般推薦設(shè)置中等響度密度或者低像素密度，后者設(shè)置具體的值dpi_value，另外webkit內(nèi)核已不準(zhǔn)備再支持此屬性）
   -- dpi_value   一般是70-400//沒英寸像素點(diǎn)的個(gè)數(shù)
   -- device-dpi  設(shè)備默認(rèn)像素密度
   -- high-dpi    高像素密度
   -- medium-dpi  中等像素密度
   -- low-dpi     低像素密度

format-detection

忽略手機(jī)號(hào)和郵箱

X-UA-Compatible

優(yōu)先使用 IE 最新版本和 Chrome

screen-orientation

強(qiáng)制屏幕方向

apple-mobile-web-app-capable

開啟對(duì)web app程序的支持, 即刪除默認(rèn)的蘋果工具欄和菜單欄，開啟全屏顯示

apple-mobile-web-app-status-bar-style

改變頂部狀態(tài)條的顏色, 默認(rèn)值為 default（白色），可以定為 black（黑色）和 black-translucent（灰色半透明）

2. http-equiv expires(過期)

 
必須使用GMT格式

Pragma

禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁面內(nèi)容。

Refresh

自動(dòng)刷新, 停留time秒后指向新頁面

Set-Cookie

如果網(wǎng)頁過期，那么cookie也將被刪除。

Window-target

強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示.
注意：這個(gè)屬性是用來防止別人在框架里調(diào)用你的頁面。Content選項(xiàng)：_blank、_top、_self、_parent.

_blank 鏈接文件在新的窗口中打開

_parent 鏈接文件將在當(dāng)前窗口的父級(jí)窗口中打開

_self 鏈接文件在當(dāng)前窗口（幀）中打開

_top 鏈接文件全屏顯示

content-type

 
or
 H5新標(biāo)簽

content-language

Cache-Control

Cache-Control指定請(qǐng)求和響應(yīng)遵循的緩存機(jī)制。在請(qǐng)求消息或響應(yīng)消息中設(shè)置Cache-Control并不會(huì)修改另一個(gè)消息處理過程中的緩存處理過程。請(qǐng)求時(shí)的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，響應(yīng)消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各個(gè)消息中的指令含義如下

Public指示響應(yīng)可被任何緩存區(qū)緩存

Private指示對(duì)于單個(gè)用戶的整個(gè)或部分響應(yīng)消息，不能被共享緩存處理。這允許服務(wù)器僅僅描述當(dāng)用戶的部分響應(yīng)消息，此響應(yīng)消息對(duì)于其他用戶的請(qǐng)求無效

no-cache指示請(qǐng)求或響應(yīng)消息不能緩存

no-store用于防止重要的信息被無意的發(fā)布。在請(qǐng)求消息中發(fā)送將使得請(qǐng)求和響應(yīng)消息都不使用緩存。

max-age指示客戶機(jī)可以接收生存期不大于指定時(shí)間（以秒為單位）的響應(yīng)

min-fresh指示客戶機(jī)可以接收響應(yīng)時(shí)間小于當(dāng)前時(shí)間加上指定時(shí)間的響應(yīng)

max-stale指示客戶機(jī)可以接收超出超時(shí)期間的響應(yīng)消息。如果指定max-stale消息的值，那么客戶機(jī)可以接收超出超時(shí)期指定值之內(nèi)的響應(yīng)消息。

imagetoolbar

Content-Script-Type

Pics-label

網(wǎng)站評(píng)級(jí), 具體查詢RSAC

Page-Enter、Page-Exit

這個(gè)是頁面被載入和調(diào)出時(shí)的一些特效

3. 其他標(biāo)簽

Base
你網(wǎng)頁上的所有相對(duì)路徑在鏈接時(shí)都將在前面加上Base

script標(biāo)簽

async
如果 async="async"：腳本相對(duì)于頁面的其余部分異步地執(zhí)行（當(dāng)頁面繼續(xù)進(jìn)行解析時(shí)，腳本將被執(zhí)行）
如果不使用 async 且 defer="defer"：腳本將在頁面完成解析時(shí)執(zhí)行
如果既不使用 async 也不使用 defer：在瀏覽器繼續(xù)解析頁面之前，立即讀取并執(zhí)行腳本

chartset

defer
IE Only. 規(guī)定是否對(duì)腳本執(zhí)行進(jìn)行延遲，直到頁面加載為止. (適用于不影響頁面加載的腳本)

參考文章
http://blog.csdn.net/kongjiea/article/details/17092413
http://www.jb51.net/web/158860.html
http://www.haorooms.com/post/html_meta_ds