html 標簽: meta, script, style

feng409 發布于2019-08-21 10:52 / 864人閱讀

摘要：是語言區的一個輔助性標簽。選項鏈接文件在新的窗口中打開鏈接文件將在當前窗口的父級窗口中打開鏈接文件在當前窗口幀中打開鏈接文件全屏顯示新標簽指定請求和響應遵循的緩存機制。請求時的緩存指令包括，響應消息中的指令包括。

meta

meta是html語言head區的一個輔助性標簽。
作用有：SEO, 緩存, 窗口大小, 字符集等.

meta標簽分兩類，http-equiv和name

1. name keywords

description

robots



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

author

generator

代表說明網站的采用的什么軟件制作

copyright

viewport

屏幕的縮放

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

format-detection

忽略手機號和郵箱

X-UA-Compatible

優先使用 IE 最新版本和 Chrome

screen-orientation

強制屏幕方向

apple-mobile-web-app-capable

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

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

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

2. http-equiv expires(過期)

 
必須使用GMT格式

Pragma

禁止瀏覽器從本地計算機的緩存中訪問頁面內容。

Refresh

自動刷新, 停留time秒后指向新頁面

Set-Cookie

如果網頁過期，那么cookie也將被刪除。

Window-target

強制頁面在當前窗口以獨立頁面顯示.
注意：這個屬性是用來防止別人在框架里調用你的頁面。Content選項：_blank、_top、_self、_parent.

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

_parent 鏈接文件將在當前窗口的父級窗口中打開

_self 鏈接文件在當前窗口（幀）中打開

_top 鏈接文件全屏顯示

content-type

 
or
 H5新標簽

content-language

Cache-Control

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

Public指示響應可被任何緩存區緩存

Private指示對于單個用戶的整個或部分響應消息，不能被共享緩存處理。這允許服務器僅僅描述當用戶的部分響應消息，此響應消息對于其他用戶的請求無效

no-cache指示請求或響應消息不能緩存

no-store用于防止重要的信息被無意的發布。在請求消息中發送將使得請求和響應消息都不使用緩存。

max-age指示客戶機可以接收生存期不大于指定時間（以秒為單位）的響應

min-fresh指示客戶機可以接收響應時間小于當前時間加上指定時間的響應

max-stale指示客戶機可以接收超出超時期間的響應消息。如果指定max-stale消息的值，那么客戶機可以接收超出超時期指定值之內的響應消息。

imagetoolbar

Content-Script-Type

Pics-label

網站評級, 具體查詢RSAC

Page-Enter、Page-Exit

這個是頁面被載入和調出時的一些特效

3. 其他標簽

Base
你網頁上的所有相對路徑在鏈接時都將在前面加上Base

script標簽

async
如果 async="async"：腳本相對于頁面的其余部分異步地執行（當頁面繼續進行解析時，腳本將被執行）
如果不使用 async 且 defer="defer"：腳本將在頁面完成解析時執行
如果既不使用 async 也不使用 defer：在瀏覽器繼續解析頁面之前，立即讀取并執行腳本

chartset

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

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

云服務器 GPU云服務器 meta標簽 html使用meta html單標簽雙標簽 html標簽html

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/86331.html

vue-meta讓你更優雅的管理頭部標簽

摘要：在應用中，如果想要修改的頭部標簽，或許，你會在代碼里，直接這么做改下引入一段修改信息，或者給標簽添加屬性此處省略一大坨代碼今天給大家介紹一種更優雅的方式，去管理頭部標簽介紹借用上的介紹，基于的插件，主要用于管理頭部標簽，同時也支持。在 Vue SPA 應用中，如果想要修改HTML的頭部標簽，或許，你會在代碼里，直接這么做: // 改下title document.title = wh...

leone 2019-08-22 13:51 評論0 收藏0
vue分析之template模板解析AST

摘要：注意看注釋很粗很簡單，我就是一程序員姓名，年齡，請聯系我吧是否保留注釋定義分隔符，默認為對于轉成，則需要先獲取，對于這部分內容，做一個簡單的分析，具體的請自行查看源碼。其中的負責修改以及截取剩余模板字符串。通過查看vue源碼，可以知道Vue源碼中使用了虛擬DOM（Virtual Dom），虛擬DOM構建經歷 template編譯成AST語法樹 -> 再轉換為render函數最終返回...

2bdenny 2019-08-22 18:24 評論0 收藏0
Web最佳實踐閱讀總結(2)

摘要：代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索，提高搜索排名提高網站的易用性網頁更好維護和擴展，屬于插件停止使用不標準的標簽和屬性，簡化代碼標簽沒有實際意義，僅設置樣式不推薦使用不推薦使用，讓擁有更好的語義移除不常用的標簽樣式代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索，提高搜索排名(SEO) 提高網站的易用性網頁更好維護和擴展（Validato...

chavesgu 2019-08-01 17:44 評論0 收藏0
Web最佳實踐閱讀總結(2)

摘要：代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索，提高搜索排名提高網站的易用性網頁更好維護和擴展，屬于插件停止使用不標準的標簽和屬性，簡化代碼標簽沒有實際意義，僅設置樣式不推薦使用不推薦使用，讓擁有更好的語義移除不常用的標簽樣式代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索，提高搜索排名(SEO) 提高網站的易用性網頁更好維護和擴展（Validato...

selfimpr 2019-08-21 16:55 評論0 收藏0
Web最佳實踐閱讀總結(2)

摘要：代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索，提高搜索排名提高網站的易用性網頁更好維護和擴展，屬于插件停止使用不標準的標簽和屬性，簡化代碼標簽沒有實際意義，僅設置樣式不推薦使用不推薦使用，讓擁有更好的語義移除不常用的標簽樣式代碼符合標準標準的頁面會保證正確的渲染頁面容易被搜索引擎搜索，提高搜索排名(SEO) 提高網站的易用性網頁更好維護和擴展（Validato...

RiverLi 2019-08-30 15:53 評論0 收藏0