html中关于meta标签的实例详解

meta标签作用

META标签是HTML标记HEAD区的一个关键标签，提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎优化（SEO）。

PS：便于搜索引擎机器人查找、分类，互联网应用应该要注意。

大网站都是怎么写？

在了解这个标签之前，我查找了各个主流网站他们的对于Meta的设置，如下：

京东首页的Meta设置：

XML/HTML Code复制内容到剪贴板

1. <meta charset="gbk">

2. <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">

3. <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

淘宝首页的Meta设置：

XML/HTML Code复制内容到剪贴板

youku首页的Meta设置：

XML/HTML Code复制内容到剪贴板

斗鱼首页的Meta设置：

XML/HTML Code复制内容到剪贴板

腾讯网首页的Meta设置：

XML/HTML Code复制内容到剪贴板

起点小说网首页的Meta设置：

XML/HTML Code复制内容到剪贴板

http://m.qidian.com" />http://m.qidian.com" />http://h5.qidian.com/bookstore.html" />


http://game.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/game.ico" />
http://me.qidian.com/BookCase/1/1?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/book.ico" />
http://c.qidian.com/android/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/phone.ico" />
http://top.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/chart.ico" />
http://sosu.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/search.ico" />

meta详解

meta标签可分为两大部分：http-equiv和name变量。

http-equiv

http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助浏览器正确地显示网页内容。

name

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

总结

通过大网站对于meta的设置，可以看到常用的有，X-UA-Compatible、keywords、description。