Empezando por la a
- May
- 06
2 comentarios! 120 palabras - 1 hits
Este pretende ser el primero de una serie de articulos/apuntes sobre lenguaje XHTML y sus diferentes usos y aplicaciones.
La etiqueta a
Este pretende ser el primero de una serie de articulos/apuntes sobre lenguaje XHTML y sus diferentes usos y aplicaciones.
Como indico con el titulo, empezare por la <a>, segun la definicion del W3C,
The
<a>tag defines an anchor element. An anchor can be used in two ways:
- To create a link to another document by using the href attribute
- To create a bookmark inside a document, by using the name or id attribute
Que en castellano, viene a decir que el encargado de crear enlaces, ya sean a páginas externas, como a las diferentes partes de un documento.
Indudablemente es uno de las etiquetas html/xhtml más utilizadas y con menos diferencias en cuanto atributos se refiere.
Si quereis ver un listado completo de los atributos aplicables a esta etiqueta, podeis visitar w3c Schools donde encontrareis una descripción más detallado, yo aqui solo nombrare los que uso normalmente.
Atributos
Para definir un atributo, tenemos que indicar su nombre, seguido del simbolo '=', añadiendo a continuación su valor entre comillas dobles.
- href
-
El valor de este atributo indicara la dirección (URI) del enlace.
Ej. http://alexsancho.name
- hreflang
-
Mediante este valor, podemos definir el idioma en el que esta escrito el documento de destino.
Ej. ‘en-us’ para ingles americano, ‘ca’ catalán, ‘es’ castellano
- rel
-
Un atributo infravalorado, en mi opinión, que puede dar mucho de si.
Es el encargado de crear las relaciones entre los documentos, y gracias a unos cuantos señores influyentes dentro del mundo de la informatica, tambien sirve para crear polemica, y hacer que los enlaces a otras paginas no sean indexados por los diferentes buscadores.
Existen gran cantidad de valores predefinidos que se pueden aplicar a este atributo, pero lo mas interesante, es que se pueden crear valores según la aplicación que se le vaya a dar dentro del documento
- target
-
Es el único atributo que no funciona bajo xhtml estricto.
Su función es la de indicar al navegador la forma en la que ha de abrir el enlace de destino, dentro de la misma ventana, en una ventana nueva..
En teoría, bajo xhtml estricto se sustituye por el atributo rel, pero en la practica, hay que hechar mano de javascript para conseguir el mismo efecto si se quiere abrir el enlace en una ventana diferente.
- title
- Breve descripción del documento enlazado.
Ejemplos
Un ejemplo de enlace seria,
- <a href="http://www.example.com/" hreflang="en-us" title="Where the examples live" rel="external help">example.com</a>
Con esto crearemos un enlace a una página externa, pero como dije antes, tambien podemos usar esta etiqueta para crear enlaces a diferentes partes de un mismo documento, para ello, haremos uso del atributo id, no estando limitado a esta etiqueta, es decir, podemos crear enlaces a cualquier elemento dentro del documento siempre que tenga definido el atributo id .
Ej.
- <a href="#more" title="Leer el resto del documento">leer mas</a>
2 comentarios
# Escrito por Federico hace 5 años, 2 meses
Me parece que en lugar de type, estás hablando de target. ;)
# Escrito por Alex Sancho hace 5 años, 2 meses
ups, error de impresion, Gracias por la observacion Fede