美文网首页
移动端标签常用的属性

移动端标签常用的属性

作者: HelloWorld___ | 来源:发表于2018-05-10 14:18 被阅读0次

    一般移动端的HTML页面

    <!DOCTYPE html>
    <html lang = "">
    <head>
       <meta charset='utf-8' />
       <meta name = "viewport" content = "width = device-width, initial-scale = 1.0,
       minimum-scale=1.0,maximum-scale = 1.0, user-scalable = 0" />
       <title>测试</title>
    </head>
    <body>
     <div>内容</div>
    </body>
    </html>
    

    下面大概说一下这些属性是干嘛的吧;

    1. <meta charset='utf-8' />
     <!--申明编码 -->
    
    2. <meta name = "viewport" content = "width = device-width, initial-scale = 1.0,
       minimum-scale=1.0,maximum-scale = 1.0, user-scalable = 0" />
       <!--width - 可视区域的宽度,值可为数字或关键词device-width -->
       <!--height - viewport的高度-->
       <!--initial-scale - 初始的缩放比例-->
       <!--minimum-scale - 允许用户缩放到的最小比例-->
       <!--maximum-scale - 允许用户缩放到的最大比例-->
       <!--user-scalable - 用户是否可以手动缩放-->
    
    3. <meta name="format-detection" content="telephone=no" />
        <!--content="telephone=yes" 在iPhone 手机上默认值是(电话号码显示为拨号的超链接)-->
        <!--可将telephone=no,则手机号码不被显示为拨号链接-->
    
    4. <meta name="format-detection" content="email=no" />
       <!--忽略识别邮箱-->
    
    5. <meta name="msapplication-tap-highlight" content="no">
       <!-- windows phone 点击无高光 -->
    
    6. <meta name="author" content="author name" /> 
       <!-- 定义网页作者 -->
    
    以上仅供参看!!!有更大的需求可参考百度,嘻嘻~

    相关文章

      网友评论

          本文标题:移动端标签常用的属性

          本文链接:https://www.haomeiwen.com/subject/jztzrftx.html