网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

html中的meta标签有什么用

小编给大家分享一下html中的meta标签有什么用,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计制作、成都做网站、历下网络推广、微信平台小程序开发、历下网络营销、历下企业策划、历下品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供历下建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

什么是meta标签?

meta标签是html标记head区的一个关键标签,它位于HTML文档的和之间(有些也不是在<head>和<title>之间)。它提供的信息虽然用户不可见,但却是文档的最基本的元信息。meta标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。</p><p>注:元信息是关于信息的信息,元信息允许<a title="服务器" target="_blank" href="http://www.cdfuwuqi.com/">服务器</a>提供所发送数据的信息,如http可以提高所发的对象语言和对象,也可以用元信息来实现有条件请求以及报告事务完成。收到数据的浏览器可以根据元信息确定服务器发来的是什么内容,预料有什么数据,确知是否接收完整的数据,以及过程中是否出错,这样客户就可以知道传输对象的类型。</p><p><strong>meta标签的属性有哪些?</strong></p><p><img src="/upload/otherpic46/7556.jpg" alt="html中的meta标签有什么用"></p><p><strong>属性详解:</strong></p><p>1.http-equiv</p><p>相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助浏览器正确地显示网页内容。</p><p>语法:<meta http-equiv="参数" content="参数值"></p><p>参数:</p><p>1) content-Type(设定页面使用的字符集)</p><pre><metahttp-equiv="content-Type" content="text/html;charset=gb2312"></pre><p>http-equiv=Content-Type代表的是HTTP的头部协议,提示浏览器网页的信息,</p><p>meta标签的charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;</p><p>meta标签的charset的信息参数如BIG5时,代表说明网站是采用的编码是繁体中文;</p><p>meta标签的charset的信息参数如iso-2022-jp时,代表说明网站是采用的编码是日文;</p><p>meta标签的charset的信息参数如ks_c_5601时,代表说明网站是采用的编码是韩文;</p><p>meta标签的charset的信息参数如ISO-8859-1时,代表说明网站是采用的编码是英文;</p><p>meta标签的charset的信息参数如UTF-8时,代表世界通用的语言编码;</p><p>2) content-Language(显示语言的设定)</p><pre><meta http-equiv="Content-Language" content="zh-cn"/></pre><p>3) Expires(期限,可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输)</p><pre><meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT"></pre><p>注意:必须使用GMT的时间格式。</p><p>4) Pragma(cache模式,禁止浏览器从本地计算机的缓存中访问页面内容)</p><pre><meta http-equiv="Pragma" content="no-cache"></pre><p>注意:这样设定,访问者将无法脱机浏览。</p><p>5) cache-control(缓存设置)</p><pre><meta http-equiv="cache-control" content="no-cache"></pre><p>请求时的缓存指令包括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。各个消息中的指令含义如下:</p><p>Public指示响应可被任何缓存区缓存</p><p>Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效</p><p>no-cache指示请求或响应消息不能缓存</p><p>no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。</p><p>max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应</p><p>min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应</p><p>max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。</p><p>6) Refresh(自动刷新并指向新页面)</p><pre><meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引号,分别在秒数的前面和网址的后面)</pre><p>注意:其中的2是指停留2秒钟后自动刷新到URL网址。</p><p>7) Window-target(强制页面在当前窗口以独立页面显示)</p><pre><meta http-equiv="Window-target" content="_top"></pre><p>注意:用来防止别人在框架里调用自己的页面。</p><p>8) set-cookie(cookie设定,如果网页过期,那么存盘的cookie将被删除)</p><pre><meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT;path=/"></pre><p>通常强制要求浏览器不设置缓存重新从服务器获取页面会使用下面的方式:</p><pre><meta http-equiv=”pragma” content=”no-cache”> <meta http-equiv=”cache-control” content=”no-cache”> <meta http-equiv=”expires” content=”0″></pre><p><strong>2.name属性</strong></p><p>name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。</p><p>语法:</p><pre><meta name="参数" content="具体的参数值"></pre><p>Keywords(关键字)</p><p>说明:keywords用来告诉搜索引擎你网页的关键字是什么。</p><pre><meta name="keywords" content=""></pre><p>description(网站内容描述)</p><p>说明:description用来告诉搜索引擎你的网站主要内容。</p><pre><metaname="description" content=""></pre><p>robots(机器人向导)</p><p>说明:Meta robots标签管理着搜索引擎是否可以进入网页,你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。content的参数有all,none,index,noindex,follow,nofollow。默认是all。</p><pre><metaname="robots" content="none"></pre><p>具体参数如下:</p><p>信息参数为all:文件将被检索,且页面上的链接可以被查询;</p><p>信息参数为none:文件将不被检索,且页面上的链接不可以被查询;</p><p>信息参数为index:文件将被检索;</p><p>信息参数为follow:页面上的链接可以被查询;</p><p>信息参数为noindex:文件将不被检索,但页面上的链接可以被查询;</p><p>信息参数为nofollow:文件将被检索,但页面上的链接不可以被查询;</p><p>author(作者)</p><p>说明:标注网页的作者</p><pre><metaname="author" content="jesse131work@163.com"></pre><p>generator</p><p>说明:meta标签的generator的信息参数,代表说明网站的采用的什么软件制作。</p><pre><metaname="generator" content="信息参数"/></pre><p>copyright</p><p>说明:meta标签的copyright的信息参数,代表说明网站版权信息。</p><pre><metaname="copyright" content="信息参数"></pre><p>revisit-after</p><p>说明:revisit-after代表网站重访,7days代表7天,依此类推,假如我设置,那这样搜索引擎就是7天来一次。使用这个标签的网站,通常是因为网站数据量非常大,被搜索引擎过         于频繁的抓取,会占用过大的资源,影响网站的访问。所以,希望搜索引擎不要天天过来,抓取过一次了,那么等7天后再来。一般的网站是不需要这个标签的。</p><p><meta name="revisit-after" content="7days"></p><p>view-point</p><p>说明:主要影响移动页面布局</p><pre><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre><p>content 参数:</p><p>width viewport 宽度(数值/device-width)</p><p>height viewport 高度(数值/device-height)</p><p>initial-scale 初始缩放比例</p><p>maximum-scale 最大缩放比例</p><p>minimum-scale 最小缩放比例</p><p>user-scalable 是否允许用户缩放(yes/no)</p><p><strong>3.content属性</strong></p><p>content属性一般与name和http-equiv属性一起用,视它们的值而定。</p><p><strong>4.charset属性</strong></p><p>charset属性,是html5的属性,可替换<metahttp-equiv="content-Type" content="text/html;charset=gb2312">设置为<meta charset="utf-8"></p><p>设置meta属性的作用是什么?</p><p>meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。meta标签可用于缓存设置,还与SEO优化相关。SEO是指通过采用易于搜索引擎索引的合理手段,使网站各项基本要素适合搜索引擎检索原则并且对用户更友好(Search Engine Friendly),从而更容易被搜索引擎收录及优先排序从属于SEM(搜索引擎营销)。通俗理解是:通过总结搜索引擎的排名规律,对网站进行合理优化,使你的网站在百度和goog的排名提高,让搜索引擎给你带来客户。</p><p>seo优化常用语句如下</p><pre><!-- 页面标题<title>标签(head 头部必须) --> <title>your title

看完了这篇文章,相信你对html中的meta标签有什么用有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网站题目:html中的meta标签有什么用
URL地址:http://bjjierui.cn/article/ipsoop.html

其他资讯