Html中meta標籤的用法和作用

2022-06-05 19:48:07 字數 1434 閱讀 6384

雖然目前搜尋引擎對html頁面中mate標籤的重視程度越來越小,他依舊是不可缺少的一部分。

現在我就給大家講講mate標籤的用法和作用:

meta標籤一般用於網頁中的<head>與</head>之間,meta標籤的種類有很多。在我們網頁設計中用的比較多的有keywords,description等幾種。meta的屬性有兩種:name和http-equiv。name主要用於描述網頁,對應於content(網頁內容),以便於搜尋引擎機械人查詢,抓取。這其中最重要的是description和keywords,所以應該給每頁加乙個meta值。

比較常用的有如下幾鐘:

<meta name="description" contect="">  告訴搜尋引擎你的站點的主要內容;

<meta name="author" contect="你的姓名">  告訴搜尋引擎你的站點的站長或者是作者是誰;

<meta name="generator" contect="">  用來說明網頁生成工具(如microsoft frontpage 4.0)等;

http-equiv屬性

<meta http-equiv="content-type" content="text/html";charset=gb_2312-80">和 <meta http-equiv="content-language" contect="zh-cn">  用以說明主頁製作所使用的文字以及語言;又如英文是iso-8859-1字符集,還有big5、utf-8、shift-jis、euc、koi8-2等字符集;

<meta http-equiv="refresh" contect="n;url=http://yourlink" >  定時讓網頁在指定的時間n內,跳轉到頁面http;//yourlink;

<meta http-equiv="expires" contect="mon,12 may 2001 00:20:00 gmt">  可以用於設定網頁的到期時間,一旦過期則必須到伺服器上重新呼叫。需要注意的是必須使用gmt時間格式;

<meta http-equiv="pragma" contect="no-cache">  是用於設定禁止瀏覽器從本地機的快取中調閱頁面內容,設定後一旦離開網頁就無法從cache中再調出;

<meta http-equiv="set-cookie" contect="mon,12 may 2020 00:20:00 gmt">  cookie設定,如果網頁過期,存檔的cookie將被刪除。需要注意的也是必須使用gmt時間格式;

<meta http-equiv="pics-label" contect="">  網頁等級評定,在ie的internet選項中有一項內容設定,可以防止瀏覽一些受限制的**,而**的限制級別就是通過meta屬性來設定的;

<meta http-equiv="windows-target" contect="_top">  強制頁面在當前視窗中以獨立頁面顯示,可以防止自己的網頁被別人當作乙個frame頁呼叫;

HTML的meta標籤的用法

meta標籤分為兩部分 頁面描述資訊 name 和http標題資訊 http equiv content http equiv content name是描述網頁的,對應於content 網頁內容 以便於搜尋引擎機械人查詢 分類 目前幾乎所有的搜尋引擎都使用網上機械人自動查詢meta值來給網頁分類 ...

html中的meta標籤

meta元素提供頁面的原資訊,位於文件頭部 content屬性 該屬性提供名稱 值對中的值,使用要與http equiv或name屬性一起使用 3.1 http equiv 屬性 對應的值有 content type expires refresh set cookie 該屬性把content屬性關...

html中meta標籤及用法理解

自己一直想成為高階前端開發工程師,而自學。奈何最近感覺自學收效甚微,一度迷茫。不破不立,打算改變這樣的狀態。春節後上班第一天,今年打算好好實現自己的前端夢想。重新整理 總結前端技術。廢話,就不多說了,開始今天的主題。html中meta標籤 一 meta標籤 含義 標籤位於文件的頭部,不包含任何內容。...