HTML5 Semantic Elements

Toggle navigation
TUTORIAL HOME
HTML5 Semantic Elements
❮ Previous Next ❯
Semantics is the study of the meanings of words and phrases in a language.

Semantic elements = elements with a meaning.

What are Semantic Elements?
A semantic element clearly describes its meaning to both the browser and the developer.

Examples of non-semantic elements:

and – Tells nothing about its content.

Examples of semantic elements: ,

, and

– Clearly defines its content.

Browser Support
Yes Yes Yes Yes Yes
HTML5 semantic elements are supported in all modern browsers.

In addition, you can “teach” older browsers how to handle “unknown elements”.

Read about it in HTML5 Browser Support.

New Semantic Elements in HTML5
Many web sites contain HTML code like:

to indicate navigation, header, and footer.

HTML5 offers new semantic elements to define different parts of a web page:

Published by MAUJUZI TV ONLINE

Published April 15, 2019May 16, 2019