Html的头部标签meta怎么用-创新互联

本文以Html的头部标签meta为例,为大家分析meta标签的属性以及meta标签的使用,阅读完整文相信大家对Html的头部标签meta有了一定的认识。

成都创新互联是一家专注于成都网站制作、成都做网站与策划设计,临安网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:临安等地区。临安做网站价格咨询:18982081108

meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过charset设置页面的字符编码。按照属性设置分类,meta可以分为三类:

name属性和content属性组合,构成名称/值对,用于描述网站信息.

标准的meta名称包括application-name、author、description、generator等。 示例代码:

其中keywords和description这两个名称的使用率高,是搜索引擎优化的主要手段之一,推荐读者使用。

http-equiv属性和content属性组合,设置特定的http指令;

其中content-type、default-style和refresh已经确定,content-language和set-cookie还未正式确定.

此类型meta应该谨慎使用。不推荐使用,某些搜索引擎遇到此meta时会停止解析 页面剩余的部分。在实际的场景中很少使用

charset属性,设置页面字符编码。

此属性提供了保存和传输文档的编码格式。

等价于

但是第一种形式更简洁好记,并且得到了所有主流浏览器的支持,所有不存在浏览器兼容问题。为 了让浏览器能准确识别编码格式,务必在标签之前设置charset,保证标题能正确显示。</p><blockquote><p>除了W3C定义的规范中定义的这些meta之外,还有大量的自定义meta类型。这些meta类型主要是由互联网公司或者浏览器厂商为了实现特定的功能而定制的。这些自定义的meta不能通过W3C提供的标准校验,但并不是说这些meta不标准。介绍一些常用的meta</p></blockquote><p><strong>设置IE浏览器的兼容模式</strong></p><p>从IE8浏览器开始支持一种设置页面兼容模式的meta类型</p><p>根据html规范,浏览器是按照页面开头定义的文档类型来解析页面的。例如,使用html5的文档类型声明:</p><pre><code><!DOCTYPE html></code></pre><p>IE就会以标准模式解析HTML文档。但是某些已有页面由于各种原因不能在最新标准模式下正确显示,只支持特定的标准。针对这种情况,IE浏览器提供了一种兼容的方案,通过设置X-UA-Compatible指定页面在IE浏览器中渲染时执行的标准。</p><p>此外还有一种很常见的设置值,即:</p><pre><code><meta http-equiv="X-UA-Compatible" content="chrome=1"/></code></pre><p>IE定义的meta为什么会出现chrome呢?其实设置为chrome=1时,则会在IE9及以下浏览器中激活Chrome Frame,强制IE使用Chrome Frame渲染页面。</p><p>看完上述内容,你们对Html的头部标签meta有进一步的了解吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读。</p><p align=center>另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。</p> <br> 标题名称:Html的头部标签meta怎么用-创新互联 <br> 文章URL:<a href="http://myzitong.com/article/jjgpd.html">http://myzitong.com/article/jjgpd.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/egpghs.html">网站建设的流程和内容,电子商务网站建设流程</a> </li><li> <a href="/article/egpjie.html">哪个品牌云主机性价比高?云主机怎么选?</a> </li><li> <a href="/article/egpjse.html">怎么绕过CDN寻找真实IP</a> </li><li> <a href="/article/egpjgh.html">域名未备案可以访问么,空间绑定域名后网站可以正常访问</a> </li><li> <a href="/article/egpgho.html">主路由器怎么设置,主路由器和副路由器怎么设置</a> </li> </ul> </div> </div> </div> <!--底部--> <footer> <div class="foot"> <div class="container"> <h1>梓潼大橙子建站您身边的网站制作服务商</h1> <div class="foot1"> <ul> <li> <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl> <p>四川-成都青羊区太升南路288号<br> 锦天国际A座10楼 </p> </li> <li> <dl><i class="iconfont"></i><b>电话/TEL</b></dl> <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br> <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </p> </li> <li> <dl><i class="iconfont"></i><b>QQ咨询</b></dl> <p> 244261566 (售前)<br> 631063699 (售后) </p> </li> <li> <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl> <p> service@cdcxhl.com (业务)<br> hr@cdcxhl.com (求职) </p> </li> </ul> </div> <div class="link"> 友情链接: <a href="http://www.cdxwcx.cn/tuoguan/deyang.html" title="德阳服务器托管" target="_blank">德阳服务器托管</a>   <a href="http://www.scqszs.cn/" title="黔盛装饰" target="_blank">黔盛装饰</a>   <a href="http://m.cdxwcx.com/xibuxinxi.html" title="西部信息服务器托管" target="_blank">西部信息服务器托管</a>   <a href="http://www.cdxwcx.cn/tuoguan/guanghua.html" title="光华服务器托管" target="_blank">光华服务器托管</a>   <a href="http://m.cdcxhl.com/muban.html" title="成都模版网站建设" target="_blank">成都模版网站建设</a>   <a href="http://www.idckuai.cn/" title="注册域名" target="_blank">注册域名</a>   <a href="http://m.cdcxhl.cn/qiye/ " title="企业网站建设" target="_blank">企业网站建设</a>   <a href="https://www.cdcxhl.com/seo.html" title="seo优化排名" target="_blank">seo优化排名</a>   <a href="http://www.dearsh.com/" title="3D立体画" target="_blank">3D立体画</a>   <a href="http://www.esincecn.com/" title="益鑫餐饮" target="_blank">益鑫餐饮</a>    </div> </div> </div> <div class="copy container"> Copyright