HTML5 basic semantics

HTML5 Semantic Element

Semantic element = meaning.

Semantic element = Meaning of element.

What is a semantic element?

A semantic element can Clearly describe its meaning to browsers and developers. Elements like < div > and are semantic-less elements. Examples of semantic elements: < form >, < table>, and < img > - clearly describe what the element represents.

Browser support for semantic elements

Internet Explorer 9+, Firefox, Chrome, Safari and Opera support semantic elements.

Note: Internet Explorer 8 and earlier IE versions do not support this semantic element

Many existing websites contain the following HTML code: < div id="nav" > , or to indicate navigation links, headers, and trailers.

HTML5 provides new semantic elements to identify different parts of a Web page:

< header >

　< nav >

　< section >

　< article >

　< aside >

　< figcaption > ;

　< figure >

　< footer >

< section > tag defines a section (section, section) in the document. Such as chapters, headers, footers, or other parts of the document.

< article > tags define independent content.

< nav > tag defines the portion of the navigation link.

< aside > tag defines content outside the main area of ​​the page (such as a sidebar).

< header > element describes the head area of ​​the document.

< footer > element describes the bottom area of ​​the document.

< figure > tag Specify individual stream content (images, charts, photos, code, etc.).