IniciAccessibilitatSemànticaUsabilitatEstructura Web. HTMLAltres llenguatges ExegesiBlogMapa Web

Capçalera. HEAD

HEAD. La capçalera del document HTML, on hi trobarem les etiquetes invisibles, que no s'observaran físicament en la presentació del document al browser o navegador, però que són essencials pel correcte funcionament i visualització de la nostra Web.

 

L'element HEAD conté informació important sobre els documents, com el títol, paraules claus que poden ser utilitzades pels motors de busca, i d'altres dades que no es consideren part del contingut del document. En general, els agents d'usuari no representen els elements que apareixen com contingut del HEAD. La capçalera avarca tot el codi entre les etiquetes <HEAD> i </HEAD> i el seu contingut no es visible a la finestra del navegador.

En la capçalera HEAD s'hi troben tot de etiquetes, elements o metes que ens fan referència a components de la Web. Com per exemple la etiqueta TITLE és la que posa títol a la Web , o la meta autor ens indica qui ha desenvolupat aquella pàgina.

 

La etiqueta TITLE

Estableix el títol de la pàgina web, que serà visible en la barra del títol i del navegador (part superior de la finestra), a no se que la pàgina utilitzi frames (marcs), en el que serà visible sempre el títol de la pàgina mare. A de més d'aquest títol, cada navegador afegeix un text identificatiu propi. Aquesta etiqueta no hauria de tenir més de 56-64 caràcters, ja que hi ha motors de recerca que només admeten 40 i d'altres que n'admeten 100.

Imatge del Navegador Internet Explorer a la pàgina d'IES Ronda
Imatge del Navegador Mozzilla Firefox a la pàgina d'IES Ronda

Com veiem a les imatges es mostra el títol seguit del navegador que estem utilitzant. Títol: IES Ronda – Portal –, i després el navegador: Microsoft Internet Explorer, o Mozilla Firefox. Igualment que també es mostra la icona del navegador davant del títol, més que res per un element identificatiu per la barra de feines (barra que està precedida pel menú inici en cas de Windows) on veiem els programes que estem utilitzant en el moment: (ampliar imatge al clicar-hi a sobre)

Barra de Windows amb els dos exploradors oberts

Un exemple d'etiqueta TITLE:

<html>
<head>
<title>Exemple de títol. I és que fer una web no és tant fàcil</title>
</head>
</html>

 

Per raons d'accessibilitat, els agents d'usuari sempre han de posar el contingut del element TITLE a disposició dels usuaris. (inclòs en marcs). És a dir, sempre hi hauria d'haver un títol per pàgina. Ja que d'aquesta manera evitem el indesitjable títol que apareix quan no se'n ha posat: Untitled document. Actualment buscant a Google amb la referència: Untitled document es troben 35.900.000 pàgines en 0,35 s.; la meva no m'agradaria que s'indexés d'aquesta forma.

Exemple de pàgina amb títol. (fixar-se amb la part superior del navegador, ja que es tracta d'una pàgina en blanc i l'únic que s'intenta mostrar és el títol)