移动端meta标签设置总结

最新推荐文章于 2024-09-15 08:00:00 发布

weixin_34381687

最新推荐文章于 2024-09-15 08:00:00 发布

阅读量197

点赞数

原文链接：https://yq.aliyun.com/articles/572730

版权

分享一下，移动端页面开发，meta标签的一些设置。

代码实例如下:

 
       <!-- 忽略识别邮箱，主要是针对安卓手机会自动将符合邮箱格式的字符串识别为邮箱地址--> 
      
 
       < 
       meta 
       content 
       = 
       "email=no" 
       name 
       = 
       "format-detection" 
       /> 
      
 
       <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 --> 
      
 
       < 
       meta 
       name 
       = 
       "HandheldFriendly" 
       content 
       = 
       "true" 
       > 
      
 
       <!-- 微软的老式浏览器 --> 
      
 
       < 
       meta 
       name 
       = 
       "MobileOptimized" 
       content 
       = 
       "320" 
       > 
      
 
       <!-- uc强制竖屏 --> 
      
 
       < 
       meta 
       name 
       = 
       "screen-orientation" 
       content 
       = 
       "portrait" 
       > 
      
 
       <!-- QQ强制竖屏 --> 
      
 
       < 
       meta 
       name 
       = 
       "x5-orientation" 
       content 
       = 
       "portrait" 
       > 
      
 
       <!-- UC强制全屏 --> 
      
 
       < 
       meta 
       name 
       = 
       "full-screen" 
       content 
       = 
       "yes" 
       > 
      
 
       <!-- QQ强制全屏 --> 
      
 
       < 
       meta 
       name 
       = 
       "x5-fullscreen" 
       content 
       = 
       "true" 
       > 
      
 
       <!-- UC应用模式 --> 
      
 
       < 
       meta 
       name 
       = 
       "browsermode" 
       content 
       = 
       "application" 
       > 
      
 
       <!-- QQ应用模式 --> 
      
 
       < 
       meta 
       name 
       = 
       "x5-page-mode" 
       content 
       = 
       "app" 
       > 
      
 
       <!-- windows phone 点击无高光 --> 
      
 
       < 
       meta 
       name 
       = 
       "msapplication-tap-highlight" 
       content 
       = 
       "no" 
       > 
      