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

Editor to share with you what layout elements in html5, I believe most people do not know much, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Html5 layout elements are: 1, header element, define the high-quality content of the web page; 2, footer element; 3, nav element; 4, article element; 5, section element; 6, aside element; 7, time element; 8, progress element; 9, meter element, etc.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

1. Header element:

Generally used for the head of a web page, define the area block of the head, you can also define a piece of content, the defined content is independent.

Baidu Google Firefox 360, the largest search engine in China.

2. Footer element:

Basically the same as the header element, but the footer element generally defines the bottom content of the web page

About our business promotion privacy policy by contacting customer service

3. Nav element:

Can be used to define navigation bars, directories, hyperlinks, etc.; you don't need to put all connection groups into nav elements, you just need to put major, basic connection groups into nav elements

4. Article element:

Used to define a separate content block; it can be a blog, an article, or a separate plug-in; it can be nested or represent a plug-in. Similar to the div element

Article element

Welcome to learn the Article element

This is the bottom.

This is an embedded page

5. Section element:

Used to define the content in the page to be divided into blocks; emphasize blocking. Generally used in pages with obviously independent content

Chapter one: the three meanings of Taoyuan

The three knot of Taoyuan was originally a story recorded in the novel Romance of the three Kingdoms, which tells the story of three people with lofty ideals, Liu Bei, Guan Yu and Zhang Fei, who, in order to do a great cause together, are congenial to each other and depend on their words and deeds. choose in a peach blossom season, choose in a peach blossom gorgeous garden, raise wine to tie the knot, swear to heaven, share hardships, share hardships, and share blessings Work together to realize the beautiful ideal of your life.

Chapter two:

The arrow borrowed by a straw boat is a story of the Battle of Chibi in the Romance of the three Kingdoms. Borrowing arrows was deliberately proposed by Zhou Yu (limited to 10 days to build 100, 000 arrows). The witty Zhuge Liang saw through at a glance that it was a harmful method, but calmly said that it would only take three days. Later, with the help of a foggy day, Zhuge Liang took advantage of Cao Cao's paranoid personality, transferred several grass boats to lure the enemy, and finally borrowed 100, 000 arrows and made extraordinary achievements.

6. Aside element:

It is usually used to set the sidebar.

At the same time, it can also be nested within the article element as ancillary information to the main content, such as references, noun explanations, etc.

You can also define content outside the article element, provided that it is associated with the content of the article element

Jurassic Park

Dinos were great!

Way too scary for me.

Posted on May 16 by Lisa.

I agree, dinos are my favorite.

Posted on May 17 by Tom.

Posted on May 15 by Staff.

7. Time element:

Represents a time or date in 24 hours, indicating that jet lag is allowed at all times

Date and time in the datetime attribute are separated by "T" text and "z" is used to represent UTC standard time

The pubbdate attribute is an optional tag that makes it easy for search engines to identify the date of the article and the date of the news.

2019-4-27 2019-4-27 2019-4-27 2019-4-27

8. Progress and meter elements:

Progress element: a new element added to HTML5 to create a progress bar; usually used in conjunction with JavaScript to show the progress of a task

Meter element: a new element added to HTML5 to create a measurement bar to represent the evaluation of weights and measures; usually used in conjunction with JavaScript

Current download progress:

The above is all the content of the article "what are the layout elements in html5". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to 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.