Html5 Study Notes-2016/4 and html5 Study Notes 2016

Html5 Study Notes-2016/4 and html5 Study Notes 2016

Structure elements added to HTML5:

Section article aside header hgroup footer nav figure

Other elements added to HTML5:

Video audio embed mark progress time ruby rt rp wbr

Canvas command details datalist datagrid keygen output source menu

Type of the input element added to HTML5:

Email url number range Date Pickers

New HTML attributes:

Form-related attributes: autofocus placeholder form required novalidate

Link-related attributes: media hreflang rel sizes target

Other attributes: reversed (ol) charset (meta) type, label (menu) scoped (style)

Async (script) manifest (html) sandbox, seamless, srcdoc (iframe)

Global attribute: contentEditable isContentEditable designMode hidden

Spellcheck tabindex

The following elements are added to the body structure of HTML5:

Section article

Article can be viewed as a special type of section element, which emphasizes independence more than section.

Section emphasizes segmentation or segmentation

Aside

Indicates the additional information of the current page or article.

(1) The content is included in the article element as an additional part of the main content. The content can be used for reference materials and terminology related to the current article, and so on;

(2) It is used outside the article element as a part of the global information of the page or site. The most typical form is the sidebar, where the content can be links, other articles in the blog list, advertising units, and so on.

Nav

Navigation page flip in navigation bar of a traditional navigation bar

 

HTML5 webpage Structure

Header: usually used to display the website title, enterprise logo, advertisement (flash and other formats), website navigation bar, etc.

Aside: usually used to display some auxiliary information related to the current webpage or the entire website. The most common form is the sidebar. For example, the list of articles and comments in a blog, the product list, user information, and purchase history on a shopping website, product information, contact information, and links on a corporate website.

Section: The body content to be displayed on a web page. Each section should have a title to display the title information of the main content currently displayed. Each section usually includes one or more section elements or article elements to display each relatively independent part of the webpage body content.

Footer

 

 

 

Reference: HTML5 and CSS3 authoritative guide