Etiquetas de HTML Semántico

Etiquetas de HTML Semántico

Al agregar etiquetas semánticas a su documento, proporciona información adicional sobre ese documento, lo que ayuda a la comunicación. Específicamente, las etiquetas semánticas le dejan claro al navegador cuál es el significado de una página y su contenido.

Si bien casi todas las etiquetas HTML4 y todas las etiquetas HTML5 tienen un significado semántico, algunas etiquetas son principalmente de naturaleza semántica.

Por ejemplo, HTML5 ha redefinido el significado de las etiquetas <b> y <i> para que sean semánticas. La etiqueta <b> no transmite importancia adicional, sino más bien texto que normalmente se muestra en negrita. La etiqueta <i> tampoco transmite importancia o énfasis extra, sino que define el texto que normalmente se representa en cursiva.

<abbr>	Abreviatura
<acronym>	Acrónimo
<blockquote>	Cita larga
<dfn>	Definición
<address>	Dirección para autor (es) del documento
<cite>	Citación
<code>	Referencia de código
<tt>	Texto de teletipo
<div>	División lógica
<span>	Envase de estilo genérico en línea
<del>	Texto eliminado
<ins>	Texto insertado
<em>	Énfasis
<strong>	Fuerte énfasis
<h1>	Título de primer nivel
<h2>	Título de segundo nivel
<h3>	Título de tercer nivel
<h4>	Título del cuarto nivel
<h5>	Título de quinto nivel
<h6>	Título de sexto nivel
<hr>	Descanso temático
<kbd>	Texto que debe ingresar el usuario
<pre>	Texto preformateado
<q>	Breve cita en línea
<samp>	Muestra de salida
<sub>	Subíndice
<sup>	Sobrescrito
<var>	Texto variable o definido por el usuario