經(jīng)常見meta與link標(biāo)簽用法

<!-- 頁(yè)面描述 -->
<meta name="description" content="頁(yè)面描述，控制在150字以內(nèi)" />
<!-- 頁(yè)面關(guān)鍵詞 -->
<meta name="keywords" content="關(guān)鍵字列表" />
<!-- 作者信息 -->
<meta name="author" content="basecss, i@basecss.net" />
<!-- 頁(yè)面圖標(biāo) -->
<link rel="shortcut icon" type="image/icon" href="icon.ico" />
<!--解決360瀏覽器網(wǎng)頁(yè)顯示異常 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

http信息設(shè)置

<!-- 內(nèi)容語(yǔ)言 -->
<meta http-equiv="content-language" content="zh-CN" />
<!-- 自動(dòng)跳轉(zhuǎn) -->
<meta http-equiv="refresh" content="3; URL=http://www.baidu.com" />
<!-- 編碼設(shè)置(可以直接用 charset="utf-8" 代替) -->
<meta http-equiv="content-type" content="UTF-8" />
<!-- 緩存信息 -->
<meta http-equiv="expires" content="GMT 格式時(shí)間" />
<!-- 禁止緩存 -->
<meta http-equiv="pragma" content="no-cache" />
<!-- 緩存控制 -->
<meta http-equiv="Cache-control" content="max-age=5" />
  <!-- ******************************
  public: 允許任何人緩存此頁(yè);
  private: 不允許緩存服務(wù)器緩存此頁(yè);
  no-cache: 相應(yīng)不能被緩存;
  no-stroe: 請(qǐng)求相應(yīng)都不能被緩存;
  max-age: 最大生存周期(秒);
  min-fresh: 客戶端愿意接受的最小緩存時(shí)長(zhǎng)，緩存時(shí)間超過該值會(huì)要求向服務(wù)器查新;
  max-stale: 接受超過緩存時(shí)限但不超過該值的數(shù)據(jù);
  ******************************* -->
<!-- 添加 cookie -->
<meta http-equiv="set-cookie" content="cookieName=cookieValue;expires=GMT 格式時(shí)間;path=/" />
<!-- 頁(yè)面加載動(dòng)畫 -->
<meta http-equiv="page-enter" content="blandtrans(duration=0.5)" />
<!-- 頁(yè)面退出動(dòng)畫 -->
<meta http-equiv="page-exit" content="revealtrans(duration=0.5,transtion=1)" />
  <!-- ******************************
  transtion 可以取0-23的整數(shù)，分別表示：
  0.盒狀收縮; 1.盒狀展開; 2.圓形收縮; 3.圓形展開; 4.向上擦除;
  5.向下擦除; 6.向左擦除; 7.向右擦除; 8.垂直百葉窗; 9.水平百葉窗;
  10.縱向棋盤; 11.橫向棋盤; 12.溶解; 13.左右向中間收縮; 14.中間向左右展開;
  15.上下向中間收縮; 16.中間向上下展開; 17.階梯向左下; 18.階梯向左上;
  19.階梯向右下; 20.階梯向右上; 21.水平隨機(jī)線; 22.垂直隨機(jī)線; 23.隨機(jī);
  ****************************** -->

搜索引擎相關(guān)設(shè)置

<!-- 設(shè)置搜索引擎抓取間隔 -->
<meta name="visit-after" content="10 days">
<!-- 搜索引擎抓取設(shè)置 -->
<meta name="robots" content="index, follow" />
  <!-- ******************************
  index: 允許搜索引擎抓取此頁(yè);
  noindex: 不允許搜索引擎抓取此頁(yè);
  follow: 允許搜索引擎抓取子頁(yè)面;
  nofollow: 允許搜索引擎抓取子頁(yè)面;
  none: 等同于 noindex 和 nofollow
  all: 等同于 index 和 follow
  ******************************* -->

移動(dòng)端相關(guān)設(shè)置

移動(dòng)開發(fā)基本設(shè)置

<!-- 聲明文檔字符編碼 -->
<meta charset="utf-8">
<!-- IE 兼容性設(shè)置 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> <!-- 用最新模式渲染，優(yōu)先使用 chrome -->

<!-- 為移動(dòng)設(shè)備設(shè)置 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1, minium-scale=1, user-scalable=no" />
<!-- iOS 移動(dòng)設(shè)備添加主屏幕標(biāo)題設(shè)置 -->
<meta name="apple-mobile-web-app-title" content="My App" />
<!-- 是否啟用全屏模式 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 全屏?xí)r狀態(tài)欄顏色設(shè)置 -->
<meta name="apple-mobile-web-status-bar-style" content="black-translucent" />
<!-- 禁用電話號(hào)碼自動(dòng)識(shí)別 -->
<meta name="format-detection" content="telephone=no" />
<!-- 禁用郵箱自動(dòng)識(shí)別 -->
<meta name="format-detection" content="email=no" />
<!-- 添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari）, 默認(rèn)禁用 -->
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" />

以上就是常見meta和link標(biāo)簽用法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！