元标记函数
META标签是HTML标签头部区域的关键标签，提供文档字符集、使用语言、作者等基本信息。，以及设置关键字和网页级别等。它最大的功能就是做搜索引擎优化(SEO)。
PS:搜索引擎机器人查找分类方便，互联网应用要注意。
大网站怎么写？
在认识这个标签之前，我查了一下各大网站的Meta设置，如下:
JD.COM主页的元设置:
<meta charset="gbk"> <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"> <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">淘宝首页元设置:
<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 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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="keywords" content="DOTA2,热门游戏直播,游戏直播,高清游戏直播,手机游戏直播,电子竞技直播" /> <meta name="description" content="斗鱼 - 全民直播平台提供高清、快捷、流畅的视频直播和游戏赛事直播服务，包含DOTA2等各类热门游戏赛事直播和各种名家大神游戏直播，内容丰富，推送及时，带给你不一样的视听体验，一切尽在斗鱼 - 全民直播平台。" />腾讯首页元设置:
<meta charset="UTF-8"> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="keywords" content="新闻 新闻中心 事实派 新闻频道,时事报道"> <meta name="description" content="腾讯新闻，事实派。新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站"> <meta name="author" content="skeetershi" />起点小说网首页元设置:
<meta name="keywords" content="小说,小说网,言情小说,青春小说,玄幻小说,武侠小说,都市小说,历史小说,网络小说,原创网络文学" /> <meta name="description" content="小说阅读,精彩小说尽在起点小说。起点小说提供玄幻小说,武侠小说,原创小说,网游小说,都市小说,言情小说,青春小说,历史小说,军事小说,网游小说,科幻小说,恐怖小说,首发小说最新章节免费小说阅读,精彩尽在起点小说！ver:071011热门小说:。" /> <meta http-equiv="Content-Type" id="meta_ContentType" content="text/html;charset=UTF-8" /> <meta name="robots" content="all" /> <meta name="googlebot" content="all" /> <meta name="baiduspider" content="all" /> <meta name="copyright" content="本页版权 www.qidian.com 起点中文网所有。All Rights Reserved" /> <meta http-equiv="mobile-agent" content="format=wml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=html5; url=http://h5.qidian.com/bookstore.html" /> <meta name="application-name" content="起点中文小说网" / <meta name="msapplication-starturl" content="/Default.aspx?_s=ie9" /> <meta name="msapplication-tooltip" content="小说阅读_起点中文小说网|免费小说,玄幻小说,武侠小说,言情小说,青春小说,小说网各类小说下载" /> <meta name="msapplication-task" content="name=起点小游戏;action-uri=/d/file/04/wbr0xxseh3018139 /> <meta name="msapplication-task" content="name=藏书架;action-uri=/d/file/04/ykwzhp2z4td18140.com /> <meta name="msapplication-task" content="name=读书客户端;action-uri=/d/file/04/sht1nwkelcr18141.html#appqd /> <meta name="msapplication-task" content="name=排行榜;action-uri=/d/file/04/xbxwkmd2i4y18143 /> <meta name="msapplication-task" content="name=搜索;action-uri=/d/file/04/5od3hfzwpe018146 /> <meta property="qc:admins" content="204236767661141166375" />元解释
Meta标签可以分为两部分:http-equiv和name变量。
http-equiv
Http-equiv相当于Http的header函数，可以向浏览器发回一些有用的信息，帮助其正确显示网页内容。
| 形容 | 例子 | 内容类型设置页面使用的字符集。 | <meta http-equiv="content-Type" content="text/html; charset=utf-8"> 在GB2312中，代表解释网站采用的编码是简体中文； ISO-8859-1，代表表明网站使用的代码为英文； UTF-8代表通用语言编码； PS: HTML 5页面的做法是直接用 |
| IE8的特殊标记用于指定IE8浏览器模拟特定版本IE浏览器的渲染方式，以解决一些兼容性问题。 | <meta http-equiv="X-UA-Compatible" content="IE=7">以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。 上面的代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1可以激活Chrome Frame。 PS: Google增加了一个插件:Google Chrome Frame (Google嵌入式浏览器框架GCF)。该插件可以保持用户的IE浏览器不变，但用户在浏览网页时实际使用的是谷歌Chrome浏览器内核，支持IE6、7、8等多个版本的IE浏览器。 |
| 设定网页的过期时间。 | <meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT"> PS:必须使用GMT时间格式。 |
| 自动刷新并指向新页面。 | <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> PS: 2表示页面停留2秒，然后跳转到以下网址。 |
| 如果网页过期，本地cookie会自动删除。 | <meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/"> PS:必须使用GMT时间格式。 |
| 强制页面在当前窗口中显示为独立页面，可以防止自己的页面被别人称为框架页面。 | <meta http-equiv="Window-target" content="_top"> |
| 缓存机制 | <meta http-equiv="cache-control" content="no-cache"> Public:表示响应可以被任何缓冲区缓存。 Private:表示共享高速缓存无法处理单个用户的全部或部分响应消息。这允许服务器在用户请求时只描述响应消息的一部分，这对于其他用户的请求是无效的。 No-cache:表示不能缓存请求或响应消息。 No-store:用于防止重要信息被无意发布。发送请求消息将使请求和响应消息都不使用缓存。 Max-age:表示客户端可以接收生存期不超过指定时间(秒)的响应。 Min-fresh:表示客户端可以接收响应时间小于当前时间加上指定时间的响应。 Max-stale:表示客户端可以接收超过超时期限的响应消息。如果指定了max-stale message的值，客户端可以在指定的超时时间值之后接收响应消息。 |
name属性主要用来描述网页，对应的属性值是content。内容中的内容主要是搜索引擎机器人用来查找信息和对信息进行分类的。
| 形容 | 例子 | 作者标记网页的作者 | <meta name="author" content="dashen" /> |
| 页面关键词，曾经被搜索引擎收录。 | <meta name="keywords" content="新闻,新闻中心, 新闻频道"> |
| 页面描述，用于搜索引擎收录。 | <meta name="description" content="新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站"> |
| 用于控制页面缩放。 | & ltmeta name = & quot视窗& quotcontent = & quotwidth =设备宽度，initial-scale=1， |
| 指定双核浏览器默认呈现页面的方式。 | <meta name="renderer" content="webkit">//默认webkit内核<meta name="renderer" content="ie-comp">//默认IE兼容模式<meta name="renderer" content="ie-stand">//默认IE标准模式 Ps: 360浏览器支持 |
| 解释网站是由什么软件构成的。 | <meta name="generator" content="Microsoft"/> |
| web文档的修改时间 | <meta name="revised" content="设计网, 6/24/2015"/> |
| 用来告诉搜索机器人哪些页面需要索引，哪些页面不需要。 | <meta name="robots" content="none"/> 值:all | none | index | no index | follow | no follow，默认值为all。 全部:将检索文件，并可以查询页面上的链接； 无:不检索文件，无法查询页面上的链接； 索引:将检索文件； Follow:页面上的链接可以查询； Noindex:不会检索到文件，但是可以查询页面上的链接； Nofollow:不会检索到文件，可以查询页面上的链接。 |
| 网站版权信息 | <meta name="copyright" content="本页版权XXX所有。All Rights Reserved" /> |
摘要
通过大网站对meta的设置可以看到，兼容X-UA，关键词，描述都是常用的。
以上是html中meta标签使用的详细说明。更多信息请关注AdminJS.cn其他相关文章！
adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。 在Adminjs.cn中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能！