Semantisches HTML (EN)

Concept

Using HTML tags according to their meaning to improve accessibility and SEO

Architecture

flowchart TD     A[HTML-Dokument] --> B[Semantische Struktur]     B --> C[Header]     B --> D[Navigation]     B --> E[Main-Bereich]     B --> F[Footer]     E --> G[Sections]     E --> H[Articles]     G --> I[Headings]     G --> J[Paragraphs]     H --> K[Headings]     H --> L[Paragraphs]

In Context

  • Typically used together with CSS for styling and JavaScript for interaction
  • Related to: Accessibility, SEO, Web standards
  • Example use: Structuring a blog article with
    ,
    ,
    and
Quelle: AI Generated