html中的meta標籤是什麼？ meta標籤的屬性介紹-html教學-PHP中文網

首頁

web前端

html教學

html中的meta標籤是什麼？ meta標籤的屬性介紹

青灯夜游

Sep 11, 2018 pm 06:07 PM

htmlmeta標籤

本章跟大家介紹html中的meta標籤是什麼？ meta標籤的屬性介紹。有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

什麼是meta標籤？

meta標籤是html標記head區的一個關鍵標籤，它位於HTML文檔的

和之間（有些也不是在和<title>之間）。它提供的資訊雖然使用者不可見，但卻是文件的最基本的元資訊。 meta標籤用來描述一個HTML網頁文件的屬性，例如作者、日期和時間、網頁描述、關鍵字、頁面刷新等。 註：元資訊是關於資訊的訊息，元資訊允許伺服器提供所發送資料的信息，如http可以提高所發的對象語言和對象，也可以用元資訊來實現有條件請求以及報告事務完成。收到資料的瀏覽器可以根據元資訊來決定伺服器發來的是什麼內容，預料有什麼數據，確知是否接收完整的數據，以及過程中是否出錯，這樣客戶就可以知道傳輸物件的類型。 meta標籤的屬性有哪些？ <img src="/static/imghwm/default1.png" data-src="https://img.php.cn//upload/image/402/350/428/1536659975962189.jpg?x-oss-process=image/resize,p_40" class="lazy" title="1536659975962189.jpg" alt="html中的meta標籤是什麼？ meta標籤的屬性介紹"> 屬性詳解： 1.http-equiv 相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助瀏覽器正確地顯示網頁內容。 語法：<meta http-equiv="參數" content="參數值"> 參數： 1) content-Type(設定頁面使用的字元集)<pre class='brush:php;toolbar:false;'><metahttp-equiv="content-Type" content="text/html;charset=gb2312"></pre>http-equiv=Content-Type代表的是HTTP的頭部協議，提示瀏覽器網頁的訊息， meta標籤的charset的資訊參數如GB2312時，代表說明網站是採用的編碼是簡體中文； meta標籤的charset的資訊參數如BIG5時，代表說明網站是採用的編碼是繁體中文； meta標籤的charset的資訊參數如iso-2022-jp時，代表說明網站是採用的編碼是日文； meta標籤的charset的資訊參數如ks_c_5601時，代表說明網站是採用的編碼是韓文； meta標籤的charset的資訊參數如ISO-8859-1時，代表說明網站是採用的編碼是英文； meta標籤的charset的資訊參數如UTF-8時，代表世界通用的語言編碼； 2) content-Language（顯示語言的設定） <pre class='brush:php;toolbar:false;'><meta http-equiv="Content-Language" content="zh-cn"/></pre>3) Expires(期限，可用於設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新傳輸）<pre class='brush:php;toolbar:false;'><meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT"></pre>注意：必須使用GMT的時間格式。 4) Pragma(cache模式，禁止瀏覽器從本機電腦的快取中存取頁面內容)<pre class='brush:php;toolbar:false;'><meta http-equiv="Pragma" content="no-cache"></pre>注意：這樣設定，訪客將無法離線瀏覽。 5) cache-control（快取設定）<pre class='brush:php;toolbar:false;'><meta http-equiv="cache-control" content="no-cache"></pre>請求時的快取指令包括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訊息的值，那麼客戶機可以接收超出超時期指定值之內的回應訊息。 6) Refresh(自動刷新並指向新頁面）<pre class='brush:php;toolbar:false;'><meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)</pre>注意：其中的2是指停留2秒鐘後自動刷新到URL網址。 7) Window-target(強制頁面在目前視窗以獨立頁面顯示） <pre class='brush:php;toolbar:false;'><meta http-equiv="Window-target" content="_top"></pre>注意：用來防止別人在框架裡呼叫自己的頁面。 8) set-cookie(cookie設定，如果網頁過期，那麼記憶體的cookie將被刪除）<pre class='brush:php;toolbar:false;'><meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/"></pre> 通常強制要求瀏覽器不設定快取重新從伺服器取得頁面會使用下面的方式：<pre class='brush:php;toolbar:false;'><meta http-equiv=”pragma” content=”no-cache”> <meta http-equiv=”cache-control” content=”no-cache”> <meta http-equiv=”expires” content=”0″></pre>2.name屬性 name屬性主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是方便搜尋引擎機器人找出資訊和分類資訊用的。 語法：<pre class='brush:php;toolbar:false;'><meta name="参数" content="具体的参数值"></pre>Keywords(關鍵字) 說明：keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。 <pre class='brush:php;toolbar:false;'><meta name="keywords" content=""></pre>description(网站内容描述) 说明：description用来告诉搜索引擎你的网站主要内容。<pre class='brush:php;toolbar:false;'><metaname="description" content=""></pre>robots(机器人向导) 说明：Meta robots标签管理着搜索引擎是否可以进入网页，你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。content的参数有all,none,index,noindex,follow,nofollow。默认是all。<pre class='brush:php;toolbar:false;'><metaname="robots" content="none"></pre>具体参数如下： 信息参数为all：文件将被检索，且页面上的链接可以被查询； 信息参数为none：文件将不被检索，且页面上的链接不可以被查询； 信息参数为index：文件将被检索； 信息参数为follow：页面上的链接可以被查询； 信息参数为noindex：文件将不被检索，但页面上的链接可以被查询； 信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询； author(作者) 说明：标注网页的作者<pre class='brush:php;toolbar:false;'><metaname="author" content="jesse131work@163.com"></pre>generator 说明：meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。<pre class='brush:php;toolbar:false;'><metaname="generator" content="信息参数"/></pre>copyright 　　说明：meta标签的copyright的信息参数，代表说明网站版权信息。<pre class='brush:php;toolbar:false;'><metaname="copyright" content="信息参数"></pre>revisit-after 　　说明：revisit-after代表网站重访,7days代表7天，依此类推，假如我设置，那这样搜索引擎就是7天来一次。使用这个标签的网站，通常是因为网站数据量非常大，被搜索引擎过于频繁的抓取，会占用过大的资源，影响网站的访问。所以，希望搜索引擎不要天天过来，抓取过一次了，那么等7天后再来。一般的网站是不需要这个标签的。 <meta name="revisit-after" content="7days"> view-point 　　说明：主要影响移动页面布局<pre class='brush:php;toolbar:false;'><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre>content 参数： width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initial-scale 初始缩放比例 maximum-scale 最大缩放比例 minimum-scale 最小缩放比例 user-scalable 是否允许用户缩放(yes/no) 3.content属性 content属性一般与name和http-equiv属性一起用，视它们的值而定。 4.charset属性 charset属性，是html5的属性，可替换<metahttp-equiv content="text/html;charset=gb2312">设置为<meta charset="utf-8"></metahttp-equiv> 设置meta属性的作用是什么？ meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。meta标签可用于缓存设置，还与SEO优化相关。SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好（Search Engine Friendly），从而更容易被搜索引擎收录及优先排序从属于SEM（搜索引擎营销）。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和goog的排名提高，让搜索引擎给你带来客户。 seo优化常用语句如下<pre class='brush:php;toolbar:false;'> <title>your title</title>  <meta name="keywords" content="your keywords">  <meta name="description" content="your description">  <meta name="author" content="author,email address">  <meta name="robots" content="index,follow"></pre>

以上是html中的meta標籤是什麼？ meta標籤的屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

HTML：建立網頁的結構Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

從文本到網站：HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一種用於構建網頁的語言，通過標籤和屬性定義網頁結構和內容。 1）HTML通過標籤組織文檔結構，如、。 2）瀏覽器解析HTML構建DOM並渲染網頁。 3）HTML5的新特性如、、增強了多媒體功能。 4）常見錯誤包括標籤未閉合和屬性值未加引號。 5）優化建議包括使用語義化標籤和減少文件大小。

了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色：構建Web內容Apr 11, 2025 am 12:12 AM

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容，使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTML和代碼：仔細觀察術語Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract