Encabezados y marcas de importancia

Encabezados títulos

Los encabezados o títulos se pueden obtener mediante 6 etiquetas diferentes: h1, h2, h3, h4, h5 y h6 que tienen una jerarquía de importancia en la manera en que se representan por los navegadores. Esto significa que h1 será la etiqueta del título de mayor importancia lo que se traduce en, por ejemplo, un tamaño de letra mas grande, h2 representaría un subtítulo con letra más pequeña y así sucesivamente hasta la etiqueta h6.

Para dar un ejemplo escribiremos un documento parecido al anterior, pero mostrando los 6 títulos posibles de mayor a menor.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Encabezados y titulos</title>
</head>
<body>
<h1>Encabezado con etiqueta h1</h1>
<h2>Encabezado con etiqueta h2</h2>
<h3>Encabezado con etiqueta h3</h3>
<h4>Encabezado con etiqueta h4</h4>
<h5>Encabezado con etiqueta h5</h5>
<h6>Encabezado con etiqueta h6</h6>
</body>
</html>

Al probar el ejemplo deberíamos ver algo así:

Encabezado con etiqueta h1

Encabezado con etiqueta h2

Encabezado con etiqueta h3

Encabezado con etiqueta h4

Encabezado con etiqueta h5
Encabezado con etiqueta h6

VER EJEMPLO02.html.

NOTA: Dependiendo del navegador los tamaños pueden variar, pero la jerarquía se mantendrá en todos.

Elemento strong

Semánticamente strong marca contenido al que se le quiere dar más fuerza o importancia que el resto. Los navegadores suelen formatearlo en una tipografía tipo negrita, otros agentes de usuario podrían indicarlo de maneras diferentes. Es un elemento de línea.

Ejemplo:

<p>Superman es oriundo de <strong>Krypton</strong>, planeta actualmente desaparecido (debido a la radiacion).</p>

Resultado:

Superman es oriundo de Krypton, planeta actualmente desaparecido (debido a la radiacion).

Elemento em

El elemento em agrega énfasis al contenido. Al igual que strong es un elemento de línea.

Ejemplo

<p>Una corriente filosofica afirma que lo que progresa es la <em>tecnologia</em>, el hombre no.</p>

Resultado:

Una corriente filosofica afirma que lo que progresa es la tecnologia, el hombre no.

NOTA: Usualmente los elementos con énfasis son formateados en tipografía tipo itálica.

Página principal

0 aporte(s) de lectores:


Publicar un comentario

ATENCIÓN: Por favor intenta aportar o preguntar sobre el tema que trata la página. Otro tipo de consultas o criticas puedes dejarlas en el libro de visitas. Los aportes y preguntas están moderados simplemente para evitar spam o comentarios fuera de lugar.