Jerarquías de títulos
La jerarquía de encabezados corresponde a los ‘títulos’ en el contenido. Los elementos de encabezado están disponibles en 6 niveles, desde la etiqueta h1 hasta la h6, donde h1 es el encabezado principal. Los encabezados se usan para estructurar los contenidos de las páginas de manera jerárquica, manejando la importancia del contenido.
<h1>Encabezado de primer nivel</h1>
<h2> Encabezado de segundo nivel </h2>
<h3> Encabezado de tercer nivel </h3>
<h4> Encabezado de cuarto nivel </h4>
<h5> Encabezado de quinto nivel </h5>
<h6> Encabezado de sexto nivel </h6>
El uso de diferentes encabezados, ayuda a que la pagina sea leída por clientes, navegadores, servidores, buscadores, de manera que puede ser leíble en diferentes medios que no son visuales. Se recomienda, y de manera lógica, solo debe existir un encabezado de primer nivel en cada sección.
Artículo en línea para complementar el tema DTD:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/Elementos_t%C3%ADtulos
Párrafos de contenido
En HTML, los párrafos se usan para manejar texto. Se crean con la etiqueta <p>, que es un contenedor. Un párrafo se conoce como una serie de secuencia de palabras que contiene el desarrollo de una idea. Múltiples párrafos están separados en diferentes bloques de texto.
<p>Párrafo de contenido</p>Artículo en línea para complementar el tema del elemento <p>:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/p
Énfasis Lógico y Físico
Para enfatizar algunos caracteres, palabras o frases, debemos usar etiquetado en línea, que no es más que adicionar etiquetas que encierren sectores específicos de los contenidos textuales. Estas etiquetas pueden ser lógicas o físicas. Tanto lógicas como físicas se ven igual en el navegador, la diferencia radica en que las etiquetas lógicas describen lo que el contenido es, mientras las físicas solamente definen la forma en que se ven.
Énfasis Físico
En ocasiones solo es necesario informarle al navegador como debe mostrar ciertos textos. Aunque la forma en que se muestran los elementos depende de mejor manera de CSS, HTML provee algunos elementos de etiquetado para textos que pueden ser útiles. Tenemos los comunes bold o negrita, e italic o itálica.
<b>texto</b>
<i>texto</i>
En el navegador veremos como estos elementos se muestran de manera diferente.
Artículo en línea para complementar el tema del elemento <b>:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/b
Énfasis Lógico
Las dos etiquetas para realizar énfasis lógico, son <em> y <strong>, Strong y Em se usan para resaltar textos con inflexión vocal.
<strong>texto</strong>
<em>texto</em>
Artículo en línea para complementar el tema del elemento <strong>:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/strong
Etiquetas Utilitarias
Caracteres Reservados
En HTML existen una serie de carateres reservados que se conocen como entidades y deben ser escritos de manera particular. Se comienza con el ampersand &, y se termina con el punto y coma ;. Para el símbolo de copyright:
©Artículo en línea para complementar el tema de caracteres reservados:
https://developer.mozilla.org/es/docs/Glossary/Entity
Relevancia (mark)
El elemento relevancia se usa para indicar texto que es particularmente relevante en el contexto particular, se usa comúnmente para para marcar la porción de una cita, que sea relevante.
<p>texto<mark>texto relevante</mark>texto</p>Pequeño (small)
La letra pequeña se refiere a notas legales que son importantes, a menudo pasadas por alto. Usualmente son detalles que no pertenecen al contenido principal. Información de copyright, detalles o correcciones, usualmente no son textos largos. El elemento small no implica ‘menor importancia’, de echo este tipo de detalles son muy importantes.
<small>texto relevante</small>
Artículo en línea para complementar el tema del elemento <small>:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/small
Tachado (s)
El elemento tachado o strikethrough se usa para indicar contenido que ya no es relevante o preciso.
<s>texto relevante</s>
Conclusión
Los contenidos textuales se adicionan de manera simple utilizando la etiqueta de párrafo ‘<p>’, aún sin que el contenido se considere un párrafo como tal. Las cabeceras son de extrema importancia, ya que estas organizan los contenidos de manera jerárquica, de manera que pueden ser entendibles por los lectores.
Deja una respuesta