HTML5 new Features

1. New Semantic markup elements

Header marks the contents of the header area (for an entire page or an area of the page).

Footer marks the contents of the foot area (for an entire page or an area of the page).

A section is an area of a Web page.

Article independent article content.

Aside related content or citations.

Nav Navigation class auxiliary content.

2. New function elements

The Hgroup element, which is used to group the title of a chunk of content throughout a page or page.

The figure element, which represents a separate stream content, typically represents a separate unit in the content of the document body flow. The figcation element adds a caption to the group of figure elements.

Video elements that define videos, such as movie clips or other video streams.

Audio element, which defines the sound, such as music or other audio streams.

The embed element, which is used to insert various multimedia. Format can be: MIDI, MAV, AIFF, AU, MP3 and so on.

The mark element is used primarily to visually present to users the text that needs to be highlighted or highlighted.

The time element, which is used to represent a date, or both.

A canvas element that represents a graphic, table, or other image. The element itself has no behavior and only provides a canvas, but it presents a drawing API to client-side JavaScript so that the script can draw what it wants to draw onto the canvas.

Output element: Represents different types of outputs.

SOURCE element: Defines the media resource for the media element.

Menu element: Represents a menu list that is used when you want to list the form controls.

Ruby element: Represents a ruby annotation (Chinese phonetic notation or character).

RT element: Represents the interpretation or pronunciation of a character (Chinese phonetic notation or character).

RP element: Used in Ruby annotations to define what is displayed by browsers that do not support ruby elements.

WBR element: When the width of the browser window or the parent element is wide enough (no need to change lines), no wrapping is made, and the line is active here only when the width is not enough.

Command element: Represents a CommandButton, such as a radio button, a check button, or a button.

Details element: Represents the detail information that the user asks for and can get, and can be used in conjunction with the summary element. The summary element should be the first child element of the details element.

DataList element: A list of optional data that is used in conjunction with the INPUT element.

DataGrid element: A list of optional data that is displayed in a tree-shaped structure

Keygen element: Represents the generated key.

Progress element: Represents a process in a running process that can be used to display time-consuming functions in JavaScript.

Email element: A text input box that indicates that an e-mail address must be entered.

URL element: Text input box representing the input URL address

Number element: A text input box that represents the input value.

Range element: A text input box that indicates that a numeric value must be entered within a certain range.

HTML5 new Features