HTML – Semantic Elements PART I

Semantic elements emphasize on the meaning of the information instead of the style. For example article, section, header, nav, footer define the web page structure and give a meaning to different parts. It also improves the automated process of the document from search engines. That is why is important to use them

header – it is intro for the web page that contains the logo, the name, navigation etc..

Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ

footer – it should be at the bottom of the web page and contains contact information, copyrights etc

Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ

nav – navigation links and a web page can have more than one.

Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ

section – web page sections like header, chapter etc. Represents a generic section of a document.

Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ

article – The article element represents a complete, or self-contained, composition in a document. It makes sense on its own.

Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ

aside – side content like side bar and it is not considered as part of the main page.

Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ

details – Additional information that can be hidden or shown.

summary – Used inside details and specifies the visible content

Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ
Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ
hidden
Semantic elements and examples Part 1, <span>HTML – Semantic Elements PART I</span>, KandZ
visible

END OF PART I

89500cookie-checkHTML – Semantic Elements PART IHTML – Semantic Elements PART I

Related posts

2 Thoughts to “HTML – Semantic Elements PART I

  1. […] HTML – Semantic Elements PART I […]

Comments are closed.