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.).
Next Section