LA SUPER ETIQUETA <base>

Curso de Desarrollo Web Online 2016

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

La etiqueta <base> es la base de todas las etiquetas de clase interactivo como: <link>, <img>, <a>, entre otras, se podría decir que es como el TEMPLATE de donde parten todas interactivas de tu documento HTML.

Esta etiqueta se declara en el <head> de tu documento
solo se debe declarar una de estas etiqueta por documento
Puede recibir dos parámetros href y target

ATRIBUTOS

href: se declara la dirección base o de donde parten las direcciones relativas de la etiqueta <link>
target: esta atributo puede tener uno de cuatro valore
-------- _self (por defecto) : recarga la pagina en la direccion dada,
-------- _blank : crea una nueva ventana en el navegador y carga la dirección.
-------- _parent : recarga la pagina en la dirección padre de todos los documento,
-------- _top: recarga la pagina en la dirección de el documento padre del mismo.

.
EJEMPLO

Tengo el siguiente proyecto

Y para que mi documento index.html no tenga ningún error en los enlaces hice el siguiente código

<!DOCTYPE HTML>
<html>
  <head>
    <base href="./../" target="_blank" /><!--declaracion de la etiqueta base -->
    <title>About base tag</title>
    <link rel="stylesheet" href="css/master.css"/><!--ruta relativa por la etiqueta base -->
  </head>
  <body>
    <span>Este es mi perfil <a href="https://platzi.com/@dandres/">@dandres</a></span><!--abrira una nueva ventana --> 
    <span>Navegar en esta pestaña al blo de platzi <a href="https://platzi.com/blog/" target="_self">Blog</a></span><!--navegara en la misma ventana -->
  </body>
</html>