Recomendados
Más contenido relacionado
La actualidad más candente
Destacado
Destacado (20)
Similar a Html 5 navegación enlaces
Similar a Html 5 navegación enlaces (20)
Más de jcremiro
Más de jcremiro (20)
Último
Último (20)
Html 5 navegación enlaces
- 1. HTML 5 Enlaces y navegación
- 2. El elemento <a> Este elemento permite incluir una referencia o enlace a otro documento HTML o a un lugar dentro del mismo documento. Dentro de este elemento es posible incluir un texto o una imagen. La URL donde se encuentra el documento se incluirá en el atributo href.
- 3. Atributos del elemento <a> En el atributo href se incluirá la url (Universal Resource Locator) que no es más que una dirección donde se encuentra un recurso en la web. En el atributo title se puede especificar una descripción del enlace.
- 4. Estructura de una url absoluta Una url absoluta se compone de: • Un esquema que especifica el protocolo de transferencia (http, ftp, https…) • Un nombre de host o una dirección IP • La trayectoria de directorio, donde se encuentra el recurso.
- 5. Ejemplo de url http://www.red.es/redes/nota-de-prensa.html Esquema Nombre de host Trayectoria de directorio
- 6. El elemento <base> Se utiliza para especificar una URL disponiendo así de una referencia para los enlaces relativos. Debe aparecer en el elemento <head>. Ejemplo: <head> <base href=«http://www.red.es/redes/" > </head>
- 7. CREACIÓN DE ENLACES INTERNOS A UN DOCUMENTO
- 8. Creación del destino del enlace Para marcar el destino de un enlace interno se utilizará el atributo id dentro del elemento al que deseemos acceder. <h2 id= "lista_enlaces"> Enlaces interesantes</h2>
- 9. Creación del origen del enlace Únicamente hay que incluir junto con el carácter almohadilla (#) el identificador asignado al elemento de destino, en el atributo href del elemento enlace <a href= "#lista_enlaces">Ir a lista de enlaces </a>
- 10. OTROS ATRIBUTOS DEL ELEMENTO <a>
- 11. Atributos para el elemento <a> I accesskey, toma el valor de una letra, el usurio puede acceder al enlace pulsando la tecla de la letra junto con las teclas alt o ctrl, dependiendo del sistema operativo. hreflang, permite especificar el lenguaje en el que se encuentra el recurso de destino
- 12. rel, permite especificar la relación que existe entre el documento actual y el de destino (posibles valores, toc, index, Glossary…) tabindex, permite especificar un orden a lo largo del documento, de tal forma que el usuario cada vez que pulsa la tecla TAB se sitúa en el siguiente enlace Atributos para el elemento <a> II
- 13. target, por defecto cuando se realiza un enlace, el browser muestra en la misma ventana el contenido del enlace, en caso de utilizar el valor «_blank» para éste atributo, se abrirá una nueva ventana que contendrá el documento al que referencia el enlace. Atributos para el elemento <a> III