H5 header definition style and h5header definition style on the mobile phone end

Source: Internet
Author: User

H5 header definition style and h5header definition style on the mobile phone end

 <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <meta name="apple-mobile-web-app-capable" content="no" /> <meta name="format-detection" content="telephone=no,email=no,adress=no"/>

<Meta content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" name = "viewport"/>

1. width = device-width: the width of the visible area. The value can be a number or a keyword "device-width)

2. initial-scale = 1.0, intial-scale: the page is displayed as the zoom level of the visible area for the first time. If the value is 1.0, the page is displayed according to the actual size without any scaling. (Initial scale)

3. maximum-scale = 1.0, minimum-scale = 1.0; the zoom level of the visible area, maximum-scale users can zoom in the page program, 1.0 will not allow users to zoom in to the actual size.

4. user-scalable: indicates whether the page can be scaled. no scaling is prohibited.

5. apple-mobile-web-app-capable: this meta deletes the default apple toolbar and menu bar.

Content has two values: "yes" and "no". When we need to display the toolbar and menu bar, this line of meta does not need to be added. The default value is display.

6. <meta name = "format-detection" content = "telephone = no, email = no, adress = no"/>

Format-detection: "format detection". As its name suggests, it is used to detect some formats in html, the format-detection attribute of meta mainly includes the following settings: meta name = "format-detection" content = "telephone = no" meta name = "format-detection" content = "email = no" meta name = "format-detection" content = "adress = no" can also be connected: meta name = "format-detection" content = "telephone = no, email = no, adress = no" The following describes the role of each setting: 1. telephone

The link style is not added to a string of numbers you clearly write, and the iPhone will automatically add the link style to your text, and click this number to automatically dial! How can I remove this dial-up link? At this time, our meta should be superb again. The Code is as follows:

If telephone is set to no, the number cannot be converted to a dial-up link!
Telephone = yes enables converting numbers to dial-up links. To enable the conversion function, you do not need to write this meta. By default, this function is enabled!

2. email

Indicates that the device does not recognize the email address. The email address is not automatically sent after the email address is clicked.

Email = no is prohibited as the email address!
Email = yes indicates that the text is enabled by default as the email address. This meta does not need to be written. It is enabled by default!

3. adress

Adress = no: Do not jump to the map!
Adress = yes enables the click address to jump directly to the map function, which is enabled by default!

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.