Listado completo de tutoriales

Temario del Tutorial->23 - Contenido de la cabecera de la página (<title>)


Hasta ahora habíamos dispuesto la cabecera del archivo HTML sin mensionar mucho sobre su contenido, ya que casi toda la información que disponemos en ella no se visualiza en el navegador. La única excepcion corresponde al elemento title.

El elemento title nos permite definir el título que aparecerá en la barra del navegador (es decir en la parte más alta de la ventana)

Siempre debemos buscar un título lo más significativo en cuanto a lo que muestra la página.

Veamos una simple página que muestre un mensaje y contenga un hipervínculo a una segunda página que muestre otro título:

pagina1.html
<!DOCTYPE html>
<html>
<head>
  <title>Título de la primer página</title>
  <meta charset="UTF-8">
</head>
<body>
<h1>Prueba del elemento title</h1>
<a href="pagina2.html">Ir a la segunda página</a>
</body>
</html>

El resultado en el navegador lo podemos ver en la parte superior:

title

pagina2.html

<!DOCTYPE html>
<html>
<head>
  <title>Título de la segunda página</title>
  <meta charset="UTF-8">
</head>
<body>
<h1>Prueba del elemento title (segunda página)</h1>
<a href="pagina1.html">Ir a la primer página</a>
</body>
</html>

En el navegador tenemos:

title

Retornar