DesarrolloLibre

Desarrollo Web, Android y mucho más

19-11-2015

En la API de HTML existen muchas tags o elementos muy poco usados por tener funciones muy específicas y por lo tanto no son tan famosos pero que son iguales útiles; hoy veremos un par de tags HTML que puede que no conozcas:

El elemento <base>

Este elemento define una URL y/o target global al documento que permite sobrescribir los atributos target y/o href que no se encuentren especificados en un elemento <a>.

¡IMPORTANTE! solo puede haber un elemento <base> en el head del documento:

Si tenemos el siguiente código HTML:

    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Elemento base 1</title>
            <base href="https://www.bing.com/" target="_blank">
        </head>

        <body>
            <a href="">Google.com</a>
        </body>
    </html>

Veremos que al precionar sobre el enlace "Google.com" esta nos redirigirá al buscador de Microsoft en la siguiente dirección: https://www.bing.com/.

Ver ejemplo

Si por el contrario, si especificamos la URL en el atributo href del enlace:

    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Elemento base 2</title>
            <base href="https://www.bing.com/" target="_blank">
        </head>

        <body>
            <a href="http://www.google.com/">Google.com</a>
        </body>
    </html>

El enlace nos redirigirá a Google.com aunque al no especificar el target se abrirá el enlace en una pestaña nueva.

Ver ejemplo

El elemento <abbr>

Este elemento simplemente permite definir una abreviación como podemos ver en el siguiente ejemplo:

    <p>El lenguaje de programación <abbr title="PHP Hypertext Pre-processor">PHP</abbr>...</p>
El lenguaje de programación PHP...

coloca el cursor encima de la palabra PHP.

Consulta la documentación oficial en los siguientes enlaces:

Ayúdanos a seguir creciendo

Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Sistema de particulas con Canvas

Sistema de particulas con Canvas

Como dibujar con canvas y ciclos -HTML5

Como dibujar con canvas y ciclos -HTML5

Ondas con SVG y CSS

Ondas con SVG y CSS

Algunos artículos que te pueden interesar

El filtro Blur (desenfoque) en CSS y alguno de sus posibles usos

El filtro Blur (desenfoque) en CSS y alguno de sus posibles usos

Con solo CSS podemos crear efectos sobre nuestros elementos HTML bastantes complejos sin la necesidad de utilizar Photoshop o Gimp.

Andrés Cruz 20-01-2014

El atributo pattern en HTML5

El atributo pattern en HTML5

Con este atributo podemos realizar validaciones sin necesidad de usar javascript.

Andrés Cruz 26-07-2013

¿Cómo obtener por separado el canal RGB de una imagen con HTML5?

¿Cómo obtener por separado el canal RGB de una imagen con HTML5?

En este artículo veremos como obtener los tres canales RGB de una imagen y operarlos por separados.

Andrés Cruz 15-05-2014