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

This article to share with you is about mobile devices HTML5 page layout is what, Xiaobian think quite practical, so share to everyone to learn, I hope you can read this article after some gains, not much to say, follow Xiaobian to see it.

Combined with the characteristics of mobile devices (mobile phones and tablets), this paper introduces the new semantic tag elements in HTML5, as well as the knowledge and examples of Web page layout under mobile Web browsers.

Among the new elements added to the HTML5 standard, those used for common page structure include header footer nav aside article section hgroup.

Here's a brief introduction to this element:

1.header

The header> element defines the page combination of the document, usually some guidance and navigation information, and the tag usually contains secti-on header information, such as h2~h7 or hgroup.

The code is as follows:

HTML5 Layout Learning

diligent study

This is consistent with the following code:

The code is as follows:

HTML5 Layout Learning

diligent study

2.footer

The end of an element definition document or chapter contains basic information about the chapter, such as author information, associations, and copyright information. Multiple headers and footers can be used on a page, and other elements can also be inserted, such as div ul.

The code is as follows:

privacy information

about us

3.nav

Element is used to define the build navigation, display navigation links, and put some of the main navigation links into the current page.

The code is as follows:

privacy information

copyright information

about us

Contact us

4.aside

Element is used to define an area of a page, to indicate that it contains the main content related to the page, and to load non-text main content, such as advertising bars, sidebars, etc.

5.article

Element represents a document, page, used to display a separate piece of article content, such as a website news, a blog post, etc.

The code is as follows:

HTML5 New Elements

article New element

Posts tagged 1

Posts tagged 2

6.section

Element First place Section in an article, such as chapter, header, footer.

The code is as follows:

7.hgroup

Defined as a grouping of title elements of a web page or section, usually grouped using multi-level h2-h7 tag nodes.

The code is as follows:

In fact, in addition to the semantic tags we introduced, there are many more different semantic tags defined in the HTML5 standard.

* audio: Defines audio content.

* canvas: Defines canvas functionality.

* command: Defines a command button.

* datalist: Defines a drop-down list.

* details: Defines the details of an element.

* dialog: Defines a dialog box.

* keygen: Defines a claimed key value in the form.

* mark: Defines marked text.

* output: Defines some output type.

* progress: The process of defining a task.

* source: Defines media resources.

* video: Define a video content.

While there are many new elements added to the HTML5 standard, there aren't many opportunities to actually use them in mobile Web applications.

Tags such as audio and video can be practiced in mobile Web applications, but due to their performance, compatibility, and page rendering, they are not well applied to Web browsers for smartphones and tablets.

The above is what the mobile device HTML5 page layout is, Xiaobian believes that some knowledge points may be what we will see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.

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.