What are the new structural elements in HTML5? Usage of new structural elements in HTML5 (recommended)

寻∝梦
Release: 2018-08-14 16:22:59
Original
5888 people have browsed it

What are the new structures of HTML5 and how can they be used? This article will tell you in detail.

HTML5 New main structure elements:

  • article element

  • section element

  • nav

  • aside element

  • time element

  • pudate attribute

Detailed explanation of elements:

article Element

can be embedded or expressed Plug-in

这是一个内嵌页面

Copy after login

section element

Using the section element without title content is generally not recommended

Do not confuse it with the article element

Summary: Do not use the section element as a page container for setting styles

If the article, aside, and nav elements are more in line with the usage conditions, then do not use the seciton element

If there is no title content, do not use the section element

nav

Used as a connection group for page navigation, where navigation elements are connected to other pages or other parts of the current page. Just put the main and basic connection groups into the nav element

Application scenarios:

  • Traditional navigation bar

  • Sidebar navigation

  • In-page navigation

  • Page turning operation

Do not use in html5 The menu element replaces the nav element

    

版权声明:

Copy after login

aside element

Represents the ancillary information part of the current page or text

Includes first-time references and sidebars , shopping, navigation bar, etc.

   aside元素 

js入门

语法

文章的正文。。。。。。

Copy after login

time element

24 hours

   Time元素 
Copy after login

pudate attribute


   update属性 

苹果

发布日期

舞会时间

Copy after login

[Related recommendations]

The basic elements of html, allowing you to learn HTML from scratch

What is an HTML file? A preliminary understanding of HTML files

The above is the detailed content of What are the new structural elements in HTML5? Usage of new structural elements in HTML5 (recommended). For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!