Common meta tags on mobile

<!DOCTYPE html>
<html lang = "">
<head>
    <title></title>
    <meta charset = "utf-8">
    <!--width - the width of the visible area, the value can be a number or the keyword device-width -->
    <!--height - the height of the viewport -->
    <!--initial-scale - initial scale -->
    <!--minimum-scale - the minimum scale the user is allowed to zoom to -->
    <!--maximum-scale - the maximum scale the user is allowed to zoom to -->
    <!--user-scalable - whether the user can manually scale -->
    <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <!--content="telephone=yes" The default value on iPhone is (the phone number is displayed as a hyperlink to dial): -->
    <!--You can set telephone=no, then the mobile phone number will not be displayed as a dial-up link-->
    <!--The phone function is not enabled for numbers when the device browses the web page (different devices have different interpretations, ittouch clicks the number to save the contact, iphone is to make a call), and ignores the number in the page to be recognized as a phone number. -->
    <meta name="format-detection" content="telephone=no" />
    <!--Ignore the identification mailbox-->
    <meta name="format-detection" content="email=no" />
    <!--The website enables support for web app programs-->
   <meta name="apple-mobile-web-app-capable" content="yes">
    <!--The color of the status bar (the top bar of the screen) in the web app application; (change the color of the top status bar)-->
    <!--The default value is default (white), which can be set to black (black) and black-translucent (gray translucent); -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--http-equiv="Content-Type" indicates the description document type -->
    <!--HTTP-EQUIV is similar to the HTTP header protocol, it responds to the browser with some useful information to help display the web content correctly and accurately-->
    <meta http-equiv="Content-Type" content="text/html">
    <!-- UC default vertical screen, UC forced full screen -->
    <meta name="full-screen" content="yes">
    <!--After using the application mode of application, the page will be full screen by default, long-press menu is prohibited, no cleanup, standard layout, and forced image display. -->
    <!--Apply Mode-->
    <meta name="browsermode" content="application">
    <!-- QQ forced vertical screen QQ forced full screen -->
    <!--Set screen orientation-->
    <meta name="x5-orientation" content="portrait">
    <!--Set fullscreen-->
   <meta name="x5-fullscreen" content="true">
    <!--Set screen mode-->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone click no highlight-->
    <meta name="msapplication-tap-highlight" content="no">
</head>
</html>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325857933&siteId=291194637
Recommended