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請求頭相關的信息,設置的值會關聯到http頭部。也就是說瀏覽器在請求服務器獲取html的時候,服務器會將html中設置的meta放在響應頭中返回給瀏覽器。常見的類型比如content-type, expires, refresh, set-cookie, window-target, charset, pragma等等。
比如:<meta http-equiv="content-type" content="text/html charset=utf8">可以用來聲明文檔類型,設置字符集,content-type幾乎所有的屬性都可以在meta中進行設置。
這樣設置瀏覽器的頭信息就會包含:
content-type: text/html charset=utf8
用于設置瀏覽器的過期時間, 其實就是響應頭中的expires屬性。
<meta http-equiv="expires" content="31 Dec 2021">
expires:31 Dec 2008
該種設定表示5秒自動刷新并且跳轉到指定的網頁。如果不設置url的值那么瀏覽器則刷新本網頁。
<meta http-equiv="refresh" content="5 url=http://www.zhiqianduan.com">
強制頁面在當前窗口以獨立頁面顯示, 可以防止別人在框架中調用自己的頁面。
<meta http-equiv="window-target" content="_top'>
禁止瀏覽器從本地計算機的緩存中訪問頁面的內容
<meta http-equiv="pragma" content="no-cache">
name屬性主要用于描述網頁,與對應的content中的內容主要是便于搜索引擎查找信息和分類信息用的, 用法與http-equiv相同,name設置屬性名,content設置屬性值。
author用來標注網頁的作者
<meta name="author" content="aaa@mail.abc.com">
description用來告訴搜素引擎當前網頁的主要內容,是關于網站的一段描述信息。
<meta name="description" content="這是我的HTML">
keywords設置網頁的關鍵字,來告訴瀏覽器關鍵字是什么。是一個經常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時,會用這些關鍵字對文檔進行分類。
<meta name="keywords" content="Hello world">
表示當前html是用什么工具編寫生成的,并沒有實際作用,一般是編輯器自動創建的。
<meta name="generator" content="vscode">
指定頁面的最新版本
<meta name="revised" content="V2,2015/10/1">
告訴搜索引擎機器人抓取哪些頁面,all / none / index / noindex / follow / nofollow。
<meta name="robots" content="all">
all:文件將被檢索,且頁面上的鏈接可以被查詢;none:文件將不被檢索,且頁面上的鏈接不可以被查詢;index:文件將被檢索;follow:頁面上的鏈接可以被查詢;noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。
eta標簽
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"/>
謝謝關注!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。