HTML semântico

Definição

O HTML semântico tem como objetivo descrever o significado do conteúdo presente em documentos HTML, tornando-o mais claro tanto para programadores quanto para browsers e outras engines que processam essa informação.

<header>

O elemento HTML <header> representa um grupo de suporte introdutório ou navegacional. Pode conter alguns elementos de cabeçalho mas também outros elementos como um logo, seções de cabeçalho, formulário de pesquisa, e outros.

<nav>

O Elemento HTML de Navegação (<nav>) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação.

<section>

O elemento HTML <section> representa uma seção genérica contida em um documento HTML, geralmente com um título, quando não existir um elemento semântico mais específico para representá-lo.

<address>

O elemento HTML <address> fornece informações de contato para seu ancestral <article> ou <body> mais próximo; no segundo caso, ele se aplica ao documento inteiro.

<article>

Elemento HTML Article (<article>) representa uma composição independente em um documento, página, aplicação, ou site, ou que é destinado a ser distribuido de forma independente ou reutilizável, por exemplo, em sindicação. Este poderia ser o post, um artigo de revista, um post de um blog, um comentário entre outros

<footer>

O elemento HTML de Rodapé <footer> representa um rodapé para o seu sectioning content (conteúdo de seção) mais próximo ou sectioning root elemento. Normalmente um rodapé contém informações sobre o autor da seção de dados, direitos autorais ou links para documentos relacionados.

Referência Bibliográfica

MOZILLA. Elementos HTML. Disponível em: Ver Site. Acesso em: 30 de mar. de 2023.

DEVMEDIA. HTML Semântico: Conheça os elementos semânticos da HTML5. Disponível em: Ver Site. Acesso em: 30 de mar. de 2023.