首先，我们来谈谈元标签的作用：

元标签是HTML标签头部区域的关键标签，位于HTML文档的头部和标题之间(有些不在头部和标题之间)。虽然它提供的信息对用户是不可见的，但却是文档最基本的信息。除了提供文档字符集、所用语言、作者等基本信息外。HTMLmeta还涉及设置关键词和网页等级。

查w3school，句中的“元数据”开始了我的Google之旅。然后我在w3school的英文版中成功找到了想要的结果。(中文w3school是指元信息，Google和百度都没有相关术语。但是元数据在Google中有详细的解释。所以这里采用W3school的英文版。)

不难看出，关键是元数据，中文叫元数据，用来描述数据。不会显示在页面上，但机器可以识别。这样，元标签的功能就很好理解了。

Meta通常用于定义页面描述、关键字、最后修改日期和其他元数据。这些元数据将服务于浏览器(如何布局或重新加载页面)、搜索引擎和其他网络服务。

HTML中元标签的用法介绍；

头

！-声明文档使用的字符编码-

metacharset="utf-8"/

！-页面关键词-

Metaname="关键字" content="个人事件发布、会议应用、事件管理、会议管理、社区管理"/

！-页面描述-

Metaname="description" content="发布个人会议，发布公司会议，我们可以帮助您找到合适的会议地点和受众"

！-网页作者-

meta name=" author " content=" Xin 1642868874 @ 163.com "

！-search engine crawling robot terms是一组用逗号(，)分隔的值，通常有以下值：none、noindex、nofollow、all、index和follow。-

Metaname="robot" content="index，照"

！-页面重定向和刷新-

meta http-equiv=" refresh " content=" 0；url="/

！-禁止在Chrome浏览器中自动提示翻译-

meta name=" Google " value=" no translate "

！-禁止百度转码-

meta http-equiv=" Cache-Control " content=" no-site app "

！-自定义标签:应用版本号描述-

meta name=" app-version " content=" 1 . 13 . 3 "

Titlephp中文网站/标题

/head

这些都是关于HTMLmeta标签的功能和用法，属性也很多，但是我们学习这些还是有点早。

下面分享几个网站首页的元文件：

JD.COM主页的元设置：

metacharset='gbk '

元名称='描述'内容=' JD.com，JD。COM-一家专业的综合性网上商城，销售家用电器、数字通讯、电脑、家居百货、服装服饰、母婴、书籍、食品等数万种优质产品。便捷诚信的服务为您提供愉悦的网购体验！'

Metaname='关键词'内容='网购，网购商城，手机，笔记本，电脑，MP3，CD，VCD，DV，相机，数码，配件，手表，内存卡，JD。' COM '

淘宝主页元设置：

metacharset='utf-8 '

meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 '

meta name=' renderer ' content=' web kit '

meta name=' SPM-id ' content=' a21bo '

Metaname='description'content='淘宝。亚洲更大最安全的在线交易平台。它提供各种服装、美容、家居、数码、电话收费/点卡充值……8亿优质特产。还提供安全交易(先收后付)、预付款、三七天一个假期无理由退货、数字免费维护等安全交易保障服务，让您全面安心

元名称='关键字'内容=' '

优酷主页的元设置：

metacharset='utf-8 '

meta http-equiv=' X-UA-Compatible ' content=' IE=Edge '

Metaname='title'content='优酷-中国领先的视频网站，提供视频播放、视频发布和视频搜索-优酷视频'/

Metaname='关键词' content='视频，视频分享，视频搜索，视频播放，优酷视频'/

Metaname='description'content='视频服务平台，提供视频播放，视频发布，视频搜索，视频分享'/

除了上面解释的那些之外，这是为了补充也是常用的元标签中的属性

x-UA-compatiblee8特殊标记用于指定IE8浏览器模拟某一特定版本IE浏览器的渲染模式，以解决部分兼容性问题。

meta http-equiv=' X-UA-Compatible ' content=' IE=7 '

上面的代码告诉IE浏览器，不管文档标准是否用DTD声明，IE8/9都会用IE7引擎渲染页面。

看看大网站中meta的设置，可以看到常用的有三种：X-UA-Compatible、关键字、描述。我们应该学会好好利用它们。

本文转载自中文网站