HTML Semântico

- HTML Semântico -

Tem por objetivo descrever o significado do conteúdo presente em documentos HTML, fazendo com que ele fique mais claro tanto para programadores, quanto para browsers e outras engines que venham a processar essa informação.

As principais TAG's semànticas do HTML são:

<header>: É utilizado para representar o cabeçalho de um documento. Nele temos elementos como <h1>.
<section>: Representa uma seção/tópico dentro de um documento e normalmente contém um título.
<article>: Este elemento é utilizado quando precisamos declarar um conteúdo independente em um documento HTML, como um artigo dentro de um blog.
<nav>: Usamos essa TAG quando precisamos fazer um agrupamento de links de navegação, normalmente criados pelas TAG's <a>, <ul> e <li>.
<aside>: Usado quando é necessário criar um conteúdo de apoio/adicional ao conteúdo principal, como sugestão de leiura ou outras páginas.
<main>: especifica o conteúdo principal dentro da página (de maior relevância).
<figure>: É uma marcação de uso específico para a inserção de uma figura.
<footer>: Representa um rodapé de um documento, como a área presente no final de uma página web. Normalmente é utilizado para descrever informações de autoria, como nome e contato do autor, e data de criação do conteúdo.
<a>: Suaprincipal função é inserir um link, permitindo a navegação entre conteúdos.
<em>: Usado quando é necessário enfatizar um trecho ou palavra no texto, deixando mais relevante para o sentido/compreensão do conteúdo.
<strong>: Usado para destacar uma parte do texto.
<cite>: Usado para declarar que naquele trecho há uma citação, texto de outro autor. É sempre usado em conjunto com o elemento <q>.
<q>: Responsável por apresentar o conteúdo retirado de outra fonte.
<time>: Usado para representar datas.