Shulou(Shulou.com)06/01 Report--

This article is to share with you the content of the sample code for the basic template of the HTML5 mobile website. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The most basic web page template code on HTML5 mobile (the following HTML code can be copied and copied directly):

The most basic HTML template of mobile site body {font-size:62.5%;font-family: "Microsoft YaHei", Arial; overflow-x:hidden; overflow-y:auto;} .Hello, everyone {max-width:640px; min-width:300px; margin:0 auto;}! Welcome CSS5 to learn HTML to open up wasteland!

The main codes of HTML5 are as follows:

1. Code:

Express:

Width-the width of the viewport (width=device-width means: width is the width of the equipment)

Height of height-viewport (height=device-height means: height is equipment width)

Initial-scale-initial scale

Minimum-scale-the minimum scale to which users are allowed to zoom

Maximum-scale-the maximum scale to which users are allowed to zoom

User-scalable-can the user zoom manually

2. Code

Comments:

Doctype abbreviation, abbreviated HTML statement, support for PC and mobile, not only for HTML5 browsers, but also for HTML4 readers.

3. Code:

Mark:

IOS and Android piecemeal cities default that the number within a certain length is the phone number, even if it is not added, it will be expressed as the phone by default.

4. Code:

State clearly:

Allow full-screen mode browsing, surging the reader navigation bar

5. Code:

Comments:

The pattern of the safari with the real shape bar in the iphone specified by it

The default value is default (snow white), approximately black (color) and black-translucent (gray semi-colorless)

There is also a generalization of the link tag, which allows users to build a web page to the desktop very quickly, its icon into our own world said the icon.

The above tags and codes must be dominated and familiar with. Another HTML5 mobile web page frame width is generally not set a fixed value, as usual with a percentage as the width, such as the outermost main frame width of 100%, and then configure the minimum width min-width:320px, and so on.

Pay attention: when HTML5 mobile web pages are pioneered, the web page structure should not be cluttered, unlike the previous PC, which is divided into many kinds of organizations, and then HTML5 phone web pages generally construct a list of content.

Thank you for reading! This is the end of the article on "sample code for the basic template of HTML5 mobile website". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.