【分享】一些有趣的meta标签

原创 萧瑟  2017-08-04 08:45:46  阅读 1617 次 评论 2 条

前言

昨天闲的无聊的时候,去关于百度页面看了看,发现看一些有趣的Mate标签,很不错,现在分享给大家

代码

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no">
<!-- 删除默认的苹果工具栏和菜单栏 : 即启用 WebApp 全屏模式  -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 在web app应用下状态条(屏幕顶部条)的颜色;默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 忽略数字自动识别为电话号码 ,忽略识别邮箱 -->
<meta name="format-detection" content="telephone=no, email=no">
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="true">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- 360强制全屏 -->
<meta name="360-fullscreen" content="true">

结语

这就是之前发现的一些有趣的HTML的代码,主要是对各大浏览器的一些功能开启或者是关闭,学习前端的,可以好好了解一下。

本文地址:https://www.xsyrz.cn/share-html-Meta.html
版权声明:本文为原创文章,版权归 萧瑟 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

评论列表

  1. 自媒体博客
    自媒体博客  @回复

    6666,对于前端来说有很大帮助