←  All terms
S
Frontend & Web Development

Semantic HTML

Semantic HTML uses elements according to their meaning, improving structure, accessibility, and machine understanding.

Semantic HTML gives structure and meaning to a page by using elements for their intended purpose, such as headings, navigation, forms, and lists. This helps browsers, search engines, and assistive technologies interpret content more reliably while also improving maintainability. The concept is closely related to HTML and Web Accessibility.

Read more

HTML

Web Accessibility

ARIA

Technical SEO

FAQ

Semantic HTML

Does semantic HTML influence SEO?
Indirectly. Search engines use structure such as headings and lists to understand content; a direct ranking effect of individual elements is not established. The benefit lies in better comprehension for crawlers, screen readers, and maintainers. Semantics do not replace good content.
What separates semantic HTML from divs with classes?
A div carries no meaning, whereas a button or nav does. With classes, a div only looks the same. Semantic elements come with keyboard handling, focus, and roles for assistive technologies built in; with a div, all of that has to be rebuilt by hand, usually incompletely.
Which elements form the core of semantic HTML?
The core consists of header, nav, main, and footer for page regions, h1 to h6 for headings, button for actions, a for destinations, and label for form fields. A single main per page and a logical heading hierarchy are especially effective. The extra effort during the build is small.