RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
Html的头部标签meta怎么用

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

创新互联公司专注于文峰网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供文峰营销型网站建设,文峰网站制作、文峰网页设计、文峰网站官网定制、微信小程序开发服务,打造文峰网络公司原创品牌,更为您提供文峰网站排名全网营销落地服务。

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> </p> <br> 网页标题:Html的头部标签meta怎么用 <br> 文章路径:<a href="http://cqwzjz.cn/article/pphois.html">http://cqwzjz.cn/article/pphois.html</a> </div> <div class="hot_new"> <div class="page_title clearfix"> <h3>其他资讯</h3> </div> <div class="news_list clearfix"> <ul> <li> <a href="/article/dojpjgg.html">GIS技术技巧组合舞蹈 gis技术介绍</a> </li><li> <a href="/article/dojppij.html">wordpress托管 wordpress托管是什么意思</a> </li><li> <a href="/article/dojpjjc.html">关于财务怎么学习sap系统的信息</a> </li><li> <a href="/article/dojppsh.html">服务器双网段安全问题 服务器双网卡不同网段互通</a> </li><li> <a href="/article/dojppii.html">go语言未来的发展 go语言发展历程</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div class="footer wow fadeInUp"> <div class="rowFluid"> <div class="span12"> <div class="container"> <div class="footer_content"> <div class="span4 col-xm-12"> <div class="footer_list"> <div class="span6"> <div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div> </div> <div class="span6 col-xm-12"> <div class="quick_navigation"> <div class="quick_navigation_title">快速导航</div> <ul> <li><a href="http://chengdu.cdcxhl.cn/seo/" title="成都网站推广" target="_blank">成都网站推广</a></li><li><a href="http://chengdu.xwcx.net/mobile/" title="成都手机网站报价" target="_blank">成都手机网站报价</a></li><li><a href="http://www.scjiangyou.cn/" title="江油网站建设" target="_blank">江油网站建设</a></li><li><a href="http://www.scmwjz.com/" title="网站建设开发" target="_blank">网站建设开发</a></li><li><a href="http://www.gawzjz.com/" title="工业净化空调" target="_blank">工业净化空调</a></li><li><a href="http://www.hfjike.cn/" title="成都印刷厂" target="_blank">成都印刷厂</a></li><li><a href="http://www.wjwzjz.com/" title="温江做网站公司" target="_blank">温江做网站公司</a></li> </ul> </div> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_link"> <div class="footer_link_title">友情链接</div> <ul id="frientLinks"> <a href="https://www.cdcxhl.com/" title="网站制作" target="_blank">网站制作</a> <a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a> <a href="https://www.cdxwcx.com/tuiguang/" title="成都网络推广" target="_blank">网络推广</a> <a href="http://seo.cdkjz.cn/" title="成都网站推广" target="_blank">网站推广</a> <a href="https://www.cdcxhl.com/xiaochengx.html" title="成都微信小程序开发" target="_blank">小程序开发</a> <a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a> </ul> <div class="footer_link_title">网站建设</div> <ul id="frientLinks"> <li><a href="/">重庆大橙子建站</a></li> <li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li> </ul> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_cotact"> <div class="footer_cotact_title">联系方式</div> <ul> <li><span class="footer_cotact_type">企业:</span><span class="footer_cotact_content">青羊区大橙子信息咨询工作室</span></li> <li><span class="footer_cotact_type">地址:</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li> <li><span class="footer_cotact_type">电话:</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span class="footer_cotact_type">网址:</span><span class="footer_cotact_content"><a href="/" title="重庆网站建设">www.cqwzjz.cn</a></span></li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <p>公司名称:青羊区大橙子信息咨询工作室 联系电话:18980820575</p> <p><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">网站备案号:蜀ICP备2022028542号-22</a></p> <p>重庆大橙子建站 重庆网站建设 重庆网站设计 重庆网站制作 <a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></p> </div> </div> </div> </div> </body> </html> <script> $(".technical_support_box_z_info_box img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>