六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

HTML meta標簽的作用是什么？html meta標簽的使用方法說明

發表時間：2023-09-03 來源：明輝站整理相關軟件相關文章人氣：

[摘要]本篇文章介紹了html meta標簽的作用及其使用的方法，介紹了很多使用的方法，希望大家能夠自己把這些代碼多練習幾遍，解釋都在旁邊，最后還介紹了HTML meta標簽的幾種著名網站的meta設置。開始我們先說說meta標簽的作用：meta標簽是HTML標記head區的一個關鍵標簽，它位于HTML文...
本篇文章介紹了html meta標簽的作用及其使用的方法，介紹了很多使用的方法，希望大家能夠自己把這些代碼多練習幾遍，解釋都在旁邊，最后還介紹了HTML meta標簽的幾種著名網站的meta設置。

開始我們先說說meta標簽的作用：

meta標簽是HTML標記head區的一個關鍵標簽，它位于HTML文檔的<head>和<title>之間（有些也不是在<head>和<title>之間）。它提供的信息雖然對用戶不可見，但卻是文檔的最基本的信息。HTML<meta>除了提供文檔字符集、使用語言、作者等基本信息外，還涉及對關鍵詞和網頁等級的設定。

在查閱w3school中，第一句話中的“元數據”就讓我開始了Google之旅。然后很順利的在英文版的w3school找到了想要的結果。（中文w3school說的是元信息，Google和百度都沒有相關的詞條。但元數據在Google就有詳細解釋。所以這兒采用英文版W3school的解釋。）

不難看出，其中的關鍵是metadata，中文名叫元數據，是用于描述數據的數據。它不會顯示在頁面上，但是機器卻可以識別。這么一來meta標簽的作用方式就很好理解了。

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

HTML中meta標簽的使用方法介紹：

<head>
<！ - 聲明文檔使用的字符編碼 - >
<meta charset =“utf-8”/>
<！ - 頁面關鍵詞 - > 
<meta name =“keywords”content =“個人活動發布，會辦app，活動管理，會議管理，社群管理“/> 
<！ - 頁面描述 - > 
<meta name =”description“content =”發布個人會議，發布公司會議，w我們都可以幫你找到合適的會議地點和參會觀眾“> 
<！ - 網頁作者 - > 
<meta name =”author“content =”[email protected]“> 
<！ - 搜索引擎抓取robotterms是一組使用逗號（， ）分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 - > 
<meta name =“機器人“content =”索引，按照“> 
<！ - 頁面重定向和刷新 - > 
<meta http-equiv =”refresh“content =”0; url =“/> 
<！ - 禁止Chrome瀏覽器中自動提示翻譯 - > 
<meta name =“google”value =“notranslate”> 
<！ - - 禁止百度轉碼 - > 
<meta http-equiv =“Cache-Control”content =“no-siteapp”> 
<！ - 自定義標簽：app版本號說明 - > 
<meta name =“app-version”content =“1.13.3”> 
<title>php中文網</title> 
</head>

以上都是關于HTML meta標簽的作用和使用方法，還有很多屬性，不過那些對現在的我們來說學這些還有點早。

再來分享幾個著名網站的首頁的meta文件：

京東首頁的meta設置：

<meta charset="gbk">
<meta name="description" content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務，為您提供愉悅的網上購物體驗!">
<meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手表,存儲卡,京東">

淘寶首頁的meta設置：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="spm-id" content="a21bo">
<meta name="description" content="淘寶網 - 亞洲最大、最安全的網上交易平臺，提供各類服飾、美容、家居、數碼、話費/點卡充值… 8億優質特價商品，同時提供擔保交易(先收貨后付款)、先行賠付、假一賠三、七天無理由退換貨、數碼免費維修等安全交易保障服務，讓你全面安心享受網上購物樂趣！">
<meta name="keyword" content="">

優酷首頁的meta設置：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="title" content="優酷-中國領先視頻網站,提供視頻播放,視頻發布,視頻搜索 - 優酷視頻" />
<meta name="keywords" content="視頻,視頻分享,視頻搜索,視頻播放,優酷視頻" />
<meta name="description" content="視頻服務平臺,提供視頻播放,視頻發布,視頻搜索,視頻分享" />

除了上面的解釋的那些，這在補一個也是常用的meta標簽里的屬性

X-UA-Compatible IE8的專用標記，用來指定IE8瀏覽器去模擬某個特定版本的IE瀏覽器的渲染方式，以此來解決部分兼容問題。

<meta http-equiv="X-UA-Compatible" content="IE=7">

以上代碼告訴IE瀏覽器，無論是否用DTD聲明文檔標準，IE8/9都會以IE7引擎來渲染頁面。

通過看到大網站對于meta的設置，我們可以看到常用的有：X-UA-Compatible、keywords、description這三種，我們要好好學會用。

【小編推薦】

HTML中head標簽是什么意思？一篇文章教你正確地使用head標簽

黑客應該學PHP還是python？理性分析PHP和python的十處差異

以上就是HTML meta標簽的作用是什么？html meta標簽的使用方法介紹的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
主站蜘蛛池模板： 欧美特黄三级成人 | 伊人最新网址 | 青青视频免费在线 | 亚洲黄页 | 青青青国产在线 | 亚洲人成网站色7799在线播放 | 青青草国产97免久久费观看 | 欧美在线观看一区 | 天天艹天天射 | 日本wwwxxx| 欧美综合色区 | 青青青在线视频播放 | 日日噜噜噜噜人人爽亚洲精品 | 四虎精品在线视频 | 一本dvd一卡一区 | 日韩中文字幕在线视频 | 天天色国产 | 日日摸夜夜摸无需播放器 | 性欧美处 | 婷婷伊人五月 | 婷婷六| 天美传媒一区二区三区 | 日狠狠 | 亚洲精品播放 | 欧美一级特黄aaaaaa在线看片 | 五月婷婷在线视频 | 亚洲欧美日韩国产精品影院 | 永久免费观看午夜视频在线 | 性欧美高清精品video | 速度与激情9下载 | 日本乱码一卡二卡三卡永久 | 午夜看片网站 | 午夜国产高清精品一区免费 | 日本性视频网站 | 香蕉狠狠干 | 色综合天天综久久久噜噜噜久久〔 | 在线看日韩| 一级女性全黄久久生活片免费 | 亚洲欧美一区二区三区二厂 | 亚洲综合色区中文字幕 | 偷偷干夜夜拍 |