Principales etiquetas de HTML 5
Estructura Básica:
<!DOCTYPE html>: Define la versión de HTML.
<html>: Elemento raíz del documento HTML.
<head>: Contiene información meta y enlaces a recursos externos.
<title>: Define el título de la página que aparece en la barra de título del navegador.
<body>: Contiene el contenido visible de la página.
son elementos fundamentales que se utilizan para estructurar y dar formato al contenido de una página web. Las etiquetas son marcadores que rodean diferentes partes del contenido y le proporcionan significado al navegador web sobre cómo debe mostrar esa parte específica. Cada etiqueta HTML generalmente consta de una etiqueta de apertura, contenido y una etiqueta de cierre.
DIV
Es un elemento clásico y se debe usar para agrupar contenido en bloques o capas
SPAN
Se usa para agrupar contenido dentro de un párrafo por ejemplo si queremos dar diseño especial a un trozo de texto dentro de un párrafo.
HEADER
Es una etiqueta nueva (de html5) y permite definir cabeceras dentro de una página.
ARTICLE
Los articles son bloques de información.
ASIDE
Habitualmente se usa para establecer los sidebars – laterales, que son contenido más general.
FIGURE
Si tenemos imágenes con título, descripción, copyright, etc. Debemos agrupar todo el contenido relacionado con esa imagen con esta etiqueta.
HGROUP
Si se da el caso que tenemos varios encabezados seguidos, debemos agruparlos con esta etiqueta.
NAV
Se usa para marcar una zona de enlaces como puede ser el menú principal, o los del sidebar (laterales) o del footer.
FORM
Se usa para marcar un formulario.
MAIN
Se usa para establecer el bloque principal de la página.
SECTION
ES otro elemento nuevo de HTML5 y se ha creado sobre todo para evitar el uso excesivo de divs.
FOOTER
Es muy similar a la anterior solo que para el pie de página.