Una buena práctica que raramente es aplicada al crear nuestras páginas en HTML es el uso de la etiqueta base, existente desde la versión 4.01 de HTML (y Candidate Recommendation en HTML 5). Este elemento nos va a permitir definir cuál es la URL absoluta para todos aquellos enlaces que sean relativos en la página, pero no solo eso sino que además nos va a permitir establecer cuál es el comportamiento de forma generalizada para todos los enlaces que se declaren. Sólo es posible tener una etiqueta base por página, por lo que el resto de etiquetas de este tipo a partir de la primera serán ignoradas.
Atributos
Los atributos que podemos asignar a la etiqueta base son los mismos que a un anchor: href y target. Si se especifica href es necesario que esté definido antes que el resto de los enlaces. Se pueden especificar tanto direcciones relativas como absolutas. En cuanto al target podemos asociar los mismos valores que en los propios enlaces:
- _self
- Carga el contenido en el mismo frame/browsing context* donde se encuentra el enlace.
- _blank
- Se lanza el contenido en una nueva ventana/browsing context*
- _parent
- Se cargaría en la ventana padre del frame que contiene el enlace si la hubiera. De no ser así funcionaría exactamente igual que _self.
- _top
- Carga el contenido en la ventana original, anulando todos los demás frames que hubiera contenidos en la misma.
Para verlo con un ejemplo podemos hacer pruebas con el siguiente código:
[html]<!DOCTYPE html>
<html>
<head>
<title></title>
<base href="http://www.google.com" target="_blank">
</head>
<body>
<a href="/calendar">Calendar</a>
<a href="/imghp">Images</a>
<a href="/ig">iGoogle</a>
<a href="/mobile">Mobile</a>
</body>
</html>[/html]
En este caso, independientemente de dónde esté alojada nuestra página se tomará como referencia la url indicada en la etiqueta base (http://www.google.com) para montar el resto de los enlaces relativos mostrados más abajo. Además, únicamente indicando el target en la etiqueta base de nuestra página definiremos el comportamiento de navegación de todos los enlaces que creemos (en este caso se abrirán en una nueva ventana).
Espero que sea de utilidad.
¡Saludos!
La etiqueta base de HTML http://t.co/PySLLi2sU0 vía @0gis0
La etiqueta base de HTML http://t.co/o7LWCy1vAl vía @0gis0
Gracias por la explicación
¡Gracias a ti, César, por leerme! 🙂
¡Saludos!
La etiqueta base de #HTML. http://t.co/k8SY3ikNRW
La etiqueta base de HTML http://t.co/RY3YkwPWVW vía @0gis0
ok pero tengo una dura pero cual es la finalidad de la tag en que me beneficiaria o cual es su proposito de esta etiqueta
Se que ha pasado mucho tiempo desde que se realizó esta pregunta, pero la respondo igual para próximos lectores.
Imagina que estas haciendo pruebas locales de tu web, de seguro la dirección que vez en la entrada de tu navegador sea algo como esto:
http://localhost/miweb/usuario/editar/420
la url base para ti es: http://localhost/miweb/
la url base para tu navegador será: http://localhost
otro caso es que tengas mas de una pagina alojada en tu sitio web y por alguna razón definida por el universo no implementes subdominios.