我们专注简阳网站设计 简阳网站制作 简阳网站建设
简阳网站建设公司服务热线:18982081108

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

web前端入门到实战: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><pre><code><meta http-equiv="X-UA-Compatible" content="IE=8"/> 专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节,互相交流学习,不停更新最新的教程和学习技巧(从零基础开始到WEB前端项目实战教程,学习工具,全栈开发学习路线以及规划)</code></pre><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> <br> 文章名称:web前端入门到实战:Html头部meta标签 <br> 分享URL:<a href="https://jylskj.cn/article/ppgpep.html">https://jylskj.cn/article/ppgpep.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/jghih.html">linux基础篇(二)VM安装linux操作系统-创新互联</a> </li><li> <a href="/article/gcisid.html">简单实现Java通讯录系统</a> </li><li> <a href="/article/hojpoo.html">sqlserver+数据,sqlserver数据库怎么备份</a> </li><li> <a href="/article/hhsdhj.html">windows行星系统的简单介绍</a> </li><li> <a href="/article/dopeise.html">go语言垃圾回收的问题 golang gc回收</a> </li><li> <a href="/article/ddshoje.html">帝国cms作者管理 帝国cms相关文章调用</a> </li><li> <a href="/article/dcchiii.html">安装服务器安全吗吗 安装服务器多少钱一台</a> </li><li> <a href="/article/deciecd.html">sap财务系统常用事务码的简单介绍</a> </li><li> <a href="/article/djpcggp.html">我是一名新手应该学习什么呢</a> </li><li> <a href="/article/dpcjdgi.html">Oracle数据库中加号的作用</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上四川简阳网站建设。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述:描述您的需求,如网站、微信、电商、APP等。"></textarea> <a href="">提交需求</a> </form> </div> </div> <div class="footA"> <div class="footAs container"> <ul> <h3>联系我们</h3> <b>028-86922220</b> <li>手机:13518219792</li> <li>地址:成都市简阳市大华国际财富中心2号楼</li> <li class="hr1"></li> <li>24小时服务热线:18982081108</li> </ul> <ul> <h3>网站建设服务</h3> <li><a href="https://www.cdcxhl.com/sheji/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站设计</a></li> <li><a href="https://www.cdcxhl.com/zuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳做网站</a></li> <li><a href="https://www.cdcxhl.com/zhizuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站制作</a></li> </ul> <ul> <h3>网站推广服务</h3> <li><a href="https://www.cdcxhl.com/google.html" target="_blank" style="color:#B7B6B6">Google外贸推广</a></li> <li><a href="https://www.cdcxhl.com/seo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站优化</a></li> <li><a href="https://www.cdcxhl.com/quanwang.html" target="_blank" style="color:#B7B6B6">全网营销推广</a></li> </ul> <ul> <h3>网站运维服务</h3> <li><a href="https://www.cdcxhl.com/yunying.html" target="_blank" style="color:#B7B6B6">网站托管运营</a></li> <li><a href="https://www.cdcxhl.com/gaiban/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站改版</a></li> <li><a href="https://www.cdcxhl.com/weihu/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站维护</a></li> </ul> <ul> <h3>FOLLOW US</h3> <li class="hr2"></li> <li> <dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd> <dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd> </li> </ul> </div> <div class="link container"> 友情链接: <a href="http://www.gafdjzy.com/" title="gafdjzy.com" target="_blank">gafdjzy.com</a>   <a href="http://www.wujinpj.com/" title="家具五金配件销售" target="_blank">家具五金配件销售</a>   <a href="http://www.mlyaq.com/" title="简阳发电机租用" target="_blank">简阳发电机租用</a>   <a href="https://www.cdcxhl.com/bastion/" title="堡垒主机" target="_blank">堡垒主机</a>   <a href="http://www.bjktu.com/" title="湖北户外装备" target="_blank">湖北户外装备</a>   <a href="http://www.pjfdj.com/" title="蒲江柴油发电机保养" target="_blank">蒲江柴油发电机保养</a>   <a href="http://www.awsqb.com/" title="成都金牛区静音发电机租用" target="_blank">成都金牛区静音发电机租用</a>   <a href="http://www.kmvly.com/" title="昆明做网站" target="_blank">昆明做网站</a>   <a href="http://www.cdxwcx.cn/tuoguan/xiyun.html" title="中国(西部)云计算中心" target="_blank">中国(西部)云计算中心</a>   <a href="http://www.qlccy.com/" title="成都工商变更" target="_blank">成都工商变更</a>    </div> </div> <div class="footB"> <div class="container"> <div class="fl"> Copyright © 2026 四川简阳网站建设公司 四川简阳网站建设公司-选我们!四川专业的简阳网站制作公司! </div> <div class="fr"> All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2026002071号-11</a> </div> </div> </div> </footer> </body> </html> <script> $(".con 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>