Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to use html5 body structure elements

2025-04-01 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

In this article, the editor introduces in detail "how to use the html5 main structure elements", the content is detailed, the steps are clear, and the details are handled properly. I hope this article "how to use the html5 main structure elements" can help you solve your doubts.

Html5 main structure elements are: 1, article element, define independent content; 2, section element, define sections in the document; 3, nav element, define navigation link part; 4, aside element, define document sidebar section; 5, time element, define date or time.

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

The main body structure element, it is for the semantic can be structured, is for better SEO, is for the browser to better grab data. The main elements included are article, section, nav, aside, and time.

Article element

Article tags are documents and pages semantically. Usage: usually an article, a page, an independent and complete content. The emphasis is on independence. Article can be nested within each other and usually have header tags, which can be seen as special section elements (explained later). High frequency of use, the code is as follows:

Apple tutorial

Time: 2013-2-1

Easy to learn apple tutorials, come right away

Www.apple.com

Copyright information at the bottom: all owned by apple.com

Section element

Section element semantics is partial, usage: used for a section of content on a page, such as a paragraph of an article, usually made up of title and content, and section is not recommended for parts without a title. Section can nest article elements because article is more independent. The frequency of use is low, and the emphasis is on segmentation and blocking. The code is as follows:

How to use section element

The section element is used to block content on pages in a Web site or application.

Note: it is recommended to use p when a container needs to be defined by a style or behavior on the back of the foot. Do not use section.

Nav element

Nav element semantics for navigation, usage: generally as a part of page navigation, high frequency of use. The code is as follows:

Menu 1 menu 2 menu 3 aside element

The semantics of aside elements are side, side, and usage: when used in article tags, they are used as subsidiary information parts of the main content, such as relevant references, noun explanations, etc. When used outside the article tag, it is used as a subsidiary information part of the page or site, such as the sidebar, the links section of the blog, the advertising area, etc. The frequency of use is low. The code is as follows:

Who is Jack Ma?

Jack Ma, male, was born in Hangzhou, Zhejiang Province on October 15, 1964. he is a famous Chinese entrepreneur and founder of Alibaba Group, Taobao and Alipay.

references

Baidu, Wikipedia.

Lao Zhao's blog, Ghost Brother's blog, uncle puma's blog time element.

The time element is a time tag. Usage: represents a time or a date in 24 hours, it is allowed to have a time difference, many formats of date and time can be defined, and the frequency is low. The code is as follows:

March 6, 2014, 20:00, March 6, 2014, 20:00 read here, this article "how to use the main structural elements of html5" article has been introduced, want to master the knowledge of this article, you still need to practice and use in order to understand, if you want to know more about the article, 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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report