Más contenido relacionado
Similar a Html 5 navegación enlaces
Html 5 navegación enlaces
- 1. HTML 5 Enlaces ynavegació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 unaurl 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 Nombrede 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 INTERNOSA UN DOCUMENTO
- 8. Creación del destinodel 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 origendel 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.
- 11. Atributos para elelemento <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, permiteespecificar 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, pordefecto 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