html中meta有哪些属性,html里面的meta怎么用
Meta属性在HTML中占据着非常重要的位置。如：搜索引擎的SEO，文档的字符编码，设置刷新缓存等。虽然有些网页可能用不到meta，但是作为正规军，我们还是要了解meta的一些属性，并且能够熟练使用。
1.声明文档中使用的字符编码。
XML/HTML代码将内容复制到剪贴板metacarset= utf-8 2，声明文档的兼容模式。
XML/HTML代码将内容复制到剪贴板meta http-equiv= x-ua-compatible content= IE=edge /指示IE以当前可用的最高模式显示内容meta http-equiv= x-ua-compatible content= IE=emulate 7 /指示IE使用！DOCTYPE指令决定了内容的显示方式。标准模式指令以IE7标准模式显示，而怪癖模式指令以IE5模式显示。3.SEO优化
XML/HTML代码将内容复制到剪贴板metaname=descriptioncontent=不超过150个字符/页面描述meta name= keywords content= HTML 5，css3，Keyword /页面关键字meta name= author content= Magic Stack /定义网页作者meta name= robots content= index，follow /定义web搜索引擎的索引方法。robotterms是由英文逗号“，”分隔的一组值，通常有以下值：none、noindex、nofollow、all、all。4.为移动设备添加视口
XML/HTML代码将内容复制到剪贴板meta name= viewport content= width=device-width，initial-scale=1，maximum-scale=1，minimum-scale=1，User-scalable=no 内容参数解释：widthviewport width(数值/设备宽度)heightviewport height(数值/设备高度)initial-scale初始缩放最大比例最大比例最小比例最小比例用户可缩放是否允许用户缩放(是/否)Minimum-UIIOS 7.1 Beta 2中的新属性可以最小化上下状态栏这是一个布尔值，可以直接写成这样：meta name= viewport content= width=device-width，initial-scale=1，minimal-ui 5，iOS设备
XML/HTML代码将内容复制到剪贴板meta name= apple-mobile-we b-app-Title Content= Title 标题添加到主屏幕(iOS6中的新功能)meta name= apple-mobile-we b-app-capable Content= yes /启用WebApp的全屏模式meta name= apple-mobile-we b-app-status-bar-style Content= black-transmission /设置状态栏的背景颜色，该颜色仅在 apple-mobile-we b-app-capable Content= yes 内容参数时生效黑色状态栏背景是黑色的。黑色半透明状态栏的背景是黑色半透明的。设置为默认或黑色，网页内容从状态栏的底部开始。设置为黑色半透明，网页内容会占满整个屏幕，顶部会被状态栏挡住。6.iOS图标的相关参数
XML/HTML代码将内容复制到剪贴板apple-touch-icon图片会自动处理成圆角和高光。Apple-touch-icon-precomposed禁止系统自动添加效果，直接显示原设计。link rel= apple-touch-icon-pre-composited href=/apple-touch-icon-57x57-pre-composited . png /iPhone和iTouch，默认57x 57像素，必须有link rel= apple-touch-icon-pre coded size= 72x72 href=/apple-touch-icon-72x 72-pre coded . png /iPad，72x 72像素，或者没有，但是建议link rel= apple-touch-icon-pre coded但是推荐有linkrel= apple-touch-icon-pre-composed size= 144x144 href=/apple-touch-icon-144 x144-pre-composed . png /Retina iPad，144 x144像素，可以不用，推荐你用Metaname= apple-mobile-we b-app-title content= title title。最好限制在六个汉字以内。超长内容将被隐藏并添加到主屏幕后的标题中(iOS6中的新功能)。7.iOS启动屏幕。
XML/HTML代码复制内容到剪贴板苹果平板电脑的启动画面是不包括状态栏区域的iPad .竖屏768x1004(标准分辨率)linkrel= apple-touch-startup-image size= 768 x 1004 href=/splash-screen-768 x 1004。png /iPad竖屏1536x2008(视网膜)linkrel= apple-touch-startup-image size= 1536 x 2008 href=/splash-screen-1536 x 2008。png /iPad横屏1024x748(标准分辨率)linkrel= apple-touch-startup-image size= 1024 x748 href=/Default-Portrait-1024 x748。png /iPad横屏2048 x 1496(视网膜)linkrel= apple-touch-startup-image size= 2048 x 1496 href=/splash-screen-2048 x 1496。png /iPhone和保护壳的启动画面是包含状态栏区域的iPhone/iPodTouch .竖屏320x480(标准分辨率)linkrel= apple-touch-startup-image href=/splash-screen-320 x480。png /iPhone/ipod touch竖屏640 x960(视网膜)linkrel= apple-touch-startup-image size= 640 x960 href=/闪屏-640 x960。png /iphone 5/ipod touch 5竖屏640 x 1136(视网膜)linkrel= apple-touch-startup-image size= 640 x 1136 href=/闪屏-640 x 1136。png /linkrel= apple-touch-startup-image href= startup。巴布亚新几内亚/当用户点击主屏图标打开网页应用时，系统会展示启动画面，在未设置情况下系统会默认显示该网站的首页截图，当然这个体验不是很好8、Windows 8
XML/HTML代码复制内容到剪贴板meta name= ms application-tile color content= # 000 /windows 8磁贴颜色meta name= ms应用程序-平铺图像 content= icon。png /windows 8磁贴图标9、不常用的
XML/HTML代码复制内容到剪贴板linkrel= alternate type= application/RSS XML title= RSS href=/RSS。XML /添加简易资讯聚合订阅linkrel=角质层type= image/ico href=/favicon。ico /添加favicicon meta name= format-detection content= telephone=no /禁止数字识自动别为电话号码meta name=格式-检测 content=电子邮件=否/不让机器人识别邮箱meta name= renderer content= WebKit 启用360浏览器的极速模式(WebKit)meta http-equiv= X-UA-Compatible content= IE=edge 避免工业管理学(工业工程)使用兼容模式meta name=已友好处理 content= true 针对手持设备优化，主要是针对一些老的不识别视口的浏览器，比如黑莓meta name=移动优化内容= 320 微软的老式浏览器meta name= X5方向 content=纵向即时通信软件强制竖屏metaname=全屏content=yesUC强制全屏meta name= X5-全屏content=trueQQ强制全屏meta name=浏览器模式 content=应用程序 UC应用模式meta name= X5-page-mode content= app QQ应用模式meta http-equiv= Cache-Control content= no-site app /禁止百度转码meta name= ms应用程序-点击-突出显示 content=否 windows phone点击无高光metaname=keywordscontent=/关键字meta name= description content= /描述metaname=titlecontent=/标题meta name= author content=-06 /作者meta name=“版权”内容= /公司meta http-equiv= X-UA-Compatible content= IE=edge，chrome=1 让工业管理学(工业工程)浏览器用最高级内核渲染页面还有用铬框架的页面用内核内核meta name= apple-mobile-we b-app-capable content= yes IOs 6全屏metaname=支持移动网络应用内容=是铬高版本全屏meta name= renderer content= WebKit 让360双核浏览器用内核内核渲染页面meta name= apple-itunes-app content= app-id=myapp storeid，affiliate-data=myAffiliateData，app-argument=myURL 添加智能应用广告条SmartAppBanner(iOS6 Safari) 10、sns社交标签
XML/HTML代码复制内容到剪贴板metaproperty=og:typecontent=类型/meta property= og:URL content= URL地址/meta property= og:title content=标题/meta property= og:image content=图片/meta property= og:description content=描述/11、条件注释判断工业管理学(工业工程)浏览器
XML/HTML代码复制内容到剪贴板！-什么条件注释区分非是吗绿筠！-html class=老类6 ！[endif] -！-html class=旧类7 ！[endif] -！htmlclass=她8 ![endif] -！-如果(gie 9)！(IE)]！- html！-什么？[endif] -以上就是本文的全部内容，希望对大家的学习有所帮助。
！-什么？[endif] -
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。