您的位置：首页 > Web前端 > HTML

html meta标签

2016-03-31 11:31 405 查看
关于meta标签，参考了网上的一些资料，总结了一些基本的。
<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="UTF-8">
<title>htmlmeta标签</title>
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<metaname="format-detection"content="telephone=no">
<metaname="format-detection"content="email=no"/>
<metaname="apple-mobile-web-app-capable"content="yes">
<metaname="apple-mobile-web-app-status-bar-style"content="black"/>
</head>
<body>
</body>
</html>
<htmllang="zh-CN">
说明：lang="zh-CN"搜索引擎利用它能够告诉用户采用哪一种语言编写文档、屏幕阅读器利用它能够以不同的方式发音不同的语言以及一些应用程序能够在它们不支持所提供的语言或者该语言与它们的默认语言不同时向用户发出警报

<metacharset="UTF-8">
说明：文档字符编码，最好放在第一行让浏览器首先识别

<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
说明：优先使用IE最新版本和Chrome（比较好的综合解决方法）

<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
说明：页面按屏幕缩放，手机自适应必备meta

<metaname="format-detection"content="telephone=no">
说明：忽略页面中的数字识别为电话号码

<metaname="format-detection"content="telephone=no">
说明：忽略页面中的邮箱格式为邮箱

<metaname="apple-mobile-web-app-capable"content="yes">
说明：ios系统-开启对webapp程序的支持，意思就是删除默认的苹果工具栏和菜单栏，开启全屏显示

<metaname="apple-mobile-web-app-status-bar-style"content="black">
说明：ios系统-在webapp应用下状态条（屏幕顶部条）的颜色，默认值为default：白色，可以定为black：黑色和black-translucent：灰色半透明

<metahttp-equiv="Pragma"content="no-cache"/>
说明：禁止浏览器从本地计算机的缓存中访问页面内容

关于手机设备

<!–uc强制竖屏–><metaname="screen-orientation"content="portrait"><!–QQ强制竖屏–><metaname="x5-orientation"content="portrait"><!–UC强制全屏–><metaname="full-screen"content="yes"><!–QQ强制全屏–><metaname="x5-fullscreen"content="true"><!–UC应用模式–><metaname="browsermode"content="application"><!–QQ应用模式–><metaname="x5-page-mode"content="app">



查看更多meta标签详解http://blog.csdn.net/kongjiea/article/details/17092413
http://www.aliyue.net/986.html#0-sqq-1-24767-9737f6f9e09dfaf5d3fd14d775bfee85
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航