整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML meta標簽的介紹

          HTML meta標簽的介紹

          1. <meta name="keywords" content="關鍵字">

          content里面寫網頁的關鍵字,可以寫多個,用逗號隔開。

          2. <meta name="description" content="網站的介紹">

          content里面寫關于網站的介紹描述

          3. <meta name="robots" content="all">

          這個是用來定義搜索爬蟲的方式,這里的content的屬性有:all,none,index,noindex,follow,nofollow,默認是‘all’,

          all:文件將被檢索,且頁面上的鏈接可以被查詢;none:跟all相反;index:文件將被檢索;noindex:文件將不被檢索,但是頁面上的鏈接可以被找到;follow:網頁上的鏈接可以被找到;nofollow:網頁可以搜索到,但是網頁上的鏈接不可以被找到

          4. <meta name="author" content="作者">

          content里面可以寫網站作者的相關資料如名字,郵箱,QQ什么的

          5. <meta name="copyright" content="版權信息">

          這里寫版權信息相關的東西

          6. <meta charset="UTF-8" />

          網頁的編碼格式:

          UTF-8:世界通用的編碼格式

          GB2312:簡體中文

          其他的網上可以找到

          7. <meta http-equiv="Refresh" content="3;url=http://www.mackxin.com">

          網頁在3秒后自動跳轉到www.mackxin.com這個網站上,如果不寫右邊的網址,表示3秒后刷新當前網頁

          如果你也有好的想法,可以關注我的微信公眾號:馨客棧 ,也可以加入我的新的QQ群:65202496來一起交流學習好玩有趣的想法。進群可以也拉到微信群一起交流各種有趣好玩的分享

          eta常用于定義頁面的說明,關鍵字,最后修改日期,和其它的元數據。這些元數據將服務于瀏覽器(如何布局或重載頁面),搜索引擎和其它網絡服務。

          meta標簽分兩大部分:HTTP標題信息(http-equiv)和頁面描述信息(name)。

          一、http-equiv 屬性

          http-equiv一般設置的都是與http請求頭相關的信息,設置的值會關聯到http頭部。也就是說瀏覽器在請求服務器獲取html的時候,服務器會將html中設置的meta放在響應頭中返回給瀏覽器。常見的類型比如content-type, expires, refresh, set-cookie, window-target, charsetpragma等等。

          1. content-type

          比如:<meta http-equiv="content-type" content="text/html charset=utf8">可以用來聲明文檔類型,設置字符集,content-type幾乎所有的屬性都可以在meta中進行設置。

          這樣設置瀏覽器的頭信息就會包含:

          content-type: text/html charset=utf8
          

          2. expires

          用于設置瀏覽器的過期時間, 其實就是響應頭中的expires屬性。

          <meta http-equiv="expires" content="31 Dec 2021">
          
          expires:31 Dec 2008
          

          3. refresh

          該種設定表示5秒自動刷新并且跳轉到指定的網頁。如果不設置url的值那么瀏覽器則刷新本網頁。

          <meta http-equiv="refresh" content="5 url=http://www.zhiqianduan.com">
          

          4. window-target

          強制頁面在當前窗口以獨立頁面顯示, 可以防止別人在框架中調用自己的頁面。

          <meta http-equiv="window-target" content="_top'>
          

          5. pragma

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

          <meta http-equiv="pragma" content="no-cache">
          

          二、name 屬性

          name屬性主要用于描述網頁,與對應的content中的內容主要是便于搜索引擎查找信息和分類信息用的, 用法與http-equiv相同,name設置屬性名,content設置屬性值。

          1. author

          author用來標注網頁的作者

          <meta name="author" content="aaa@mail.abc.com">
          

          2. description

          description用來告訴搜素引擎當前網頁的主要內容,是關于網站的一段描述信息。

          <meta name="description" content="這是我的HTML">
          

          3. keywords

          keywords設置網頁的關鍵字,來告訴瀏覽器關鍵字是什么。是一個經常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時,會用這些關鍵字對文檔進行分類。

          <meta name="keywords" content="Hello world">
          

          4. generator

          表示當前html是用什么工具編寫生成的,并沒有實際作用,一般是編輯器自動創建的。

          <meta name="generator" content="vscode">
          

          5. revised

          指定頁面的最新版本

          <meta name="revised" content="V2,2015/10/1">
          

          6. robots

          告訴搜索引擎機器人抓取哪些頁面,all / none / index / noindex / follow / nofollow

          <meta name="robots" content="all">
          

          all:文件將被檢索,且頁面上的鏈接可以被查詢;none:文件將不被檢索,且頁面上的鏈接不可以被查詢;index:文件將被檢索;follow:頁面上的鏈接可以被查詢;noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。

          eta標簽

          name屬性

          meta標簽的name屬性語法格式是:

          <meta name="參數"content="具體的參數值">。

          name屬性參數: 

          keywords用來告訴搜索引擎你網頁的關鍵字是什么。

          舉例:<meta name="keywords"content="meta總結,html meta,meta屬性,meta跳轉">

          description用來告訴搜索引擎你的網站主要內容。

          舉例:<meta name="description"content="haorooms博客,html的meta總結,meta是html語言head區的一個輔助性標簽。">

          robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。

          content的參數有all,none,index,noindex,follow,nofollow。默認是all。

          舉例:<meta name="robots"content="none">

          具體參數如下:

          信息參數為all:文件將被檢索,且頁面上的鏈接可以被查詢;

          信息參數為none:文件將不被檢索,且頁面上的鏈接不可以被查詢;

          信息參數為index:文件將被檢索;

          信息參數為follow:頁面上的鏈接可以被查詢;

          信息參數為noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;

          信息參數為nofollow:文件將被檢索,但頁面上的鏈接不可以被查詢;

          author標注網頁作者

          舉例:<meta name="author"content="root,root@xxxx.com">

          generator

          <meta name="generator"content="cms"/>

          meta標簽的generator的信息參數,代表說明網站的采用的什么軟件制作。

          COPYRIGHT

          <META NAME="COPYRIGHT"CONTENT="信息參數">

          meta標簽的COPYRIGHT的信息參數,代表說明網站版權信息。

          revisit-after

          <META name="revisit-after"CONTENT="7days">

          revisit-after代表網站重訪,7days代表7天,依此類推。

          移動設備

          <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

          <!-- `width=device-width` 會導致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時出現黑邊 -->

          WebApp全屏模式

          <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 啟用 WebApp 全屏模式 -->

          隱藏狀態欄/設置狀態欄顏色

          <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

          添加到主屏后的標題

          <meta name="apple-mobile-web-app-title" content="標題">

          忽略數字自動識別為電話號碼

          <meta content="telephone=no" name="format-detection" />

          忽略識別郵箱

          <meta content="email=no" name="format-detection" />

          瀏覽器不會自動調整文件的大小,也就是說是固定大小,不會隨著瀏覽器拉伸縮放。

          <meta name="MobileOptimized" content="240"/>

          謝謝關注!


          主站蜘蛛池模板: 精品国产aⅴ无码一区二区| 中文字幕在线观看一区二区| 国产伦精品一区二区| 日韩精品一区二区三区国语自制| 精品国产免费一区二区三区| 色噜噜一区二区三区| 国产乱码精品一区二区三区香蕉| 国内精品一区二区三区在线观看| 国产午夜精品一区二区三区| 中文字幕一区二区人妻性色 | 无码欧精品亚洲日韩一区夜夜嗨 | 日韩精品无码一区二区视频| 视频在线观看一区二区| 成人无码精品一区二区三区| 在线播放偷拍一区精品| 国产一区二区三区播放| 在线观看视频一区二区| 无码一区二区三区在线 | 国产乱码精品一区二区三| 国产aⅴ一区二区| 国产免费私拍一区二区三区| 国产一区二区精品在线观看| 国产精品va一区二区三区| 中文字幕一区二区三区乱码| 国产成人精品一区二三区在线观看| 亚洲一区爱区精品无码| 国产一区二区在线看| 亚洲av色香蕉一区二区三区| 亚洲国产精品一区二区第一页免 | 久久91精品国产一区二区| 天堂va在线高清一区| 日韩精品无码人妻一区二区三区| 在线日韩麻豆一区| 日韩精品人妻av一区二区三区| 国产精品 一区 在线| 无码午夜人妻一区二区三区不卡视频| 久久久久国产一区二区三区| 日韩人妻无码一区二区三区| 一区二区三区四区视频| 午夜在线视频一区二区三区 | 亚洲日韩激情无码一区|