Menú

• HTML Básico
• Fondos de Pantalla

Enlaces

• Futbol Online

2.4. Enlaces (link)

Define un enlace entre el documento y algún recurso externo. No tiene etiqueta de cierre pero se puede poner al final el cierre />.

Va entre las etiquetas:
Es la etiqueta:

2.4.1. Atributos

Van dentro de la etiqueta:

2.4.1.1. href

Especifica la localización del documento enlazado, de un recurso de la Web, definiendo así un vínculo entre el elemento actual (el origen del vínculo) y el destino del vínculo definido por este atributo. Comúnmente usado para referirse a páginas en el mismo dominio o a páginas externas.

2.4.1.2. charset

Especifica la codificación de caracteres del documento enlazado. Especifica el set de caracteres de la URL de destino.
El Estándard Industrial Unicode (Unicode Industrial Standard) tiene por objetivo reemplazar y unificar las codificaciones de caracteres existentes con el fin de reducir su número y mejorar su efectividad (resolviendo carencias de otras codificaciones). El estándar Unicode codifica carácteres usando diferentes esquemas llamados Formatos de Transformación Unicode (Unicode Transformation Formats) UTF.
El UTF-8 es un set de caracteres de 8-bits de longitud variable para Unicode que está volviéndose muy popular para Internet debido a su capacidad para representar todos los carácteres universales aún siendo compatible con ASCII (código estándar americano para intercambio de información). UTF-8 usa de 1 a 4 bytes para codificar un carácter simple (8 a 32 bits) dependiendo del símbolo Unicode.
Un documento HTML utilizando el set de carácteres UTF-8 debería contener una declaración en su encabezado realizada mediante la etiqueta <meta> (por ejemplo, <meta http-equiv="content-type" content="text/html charset=UTF-8">). Los símbolos pueden ser insertados en este tipo de documentos usando un código simple que se asocia a un carácter específico, como por ejemplo &#931; (notación decimal), o &#x3A3; (notación hexadecimal) el cual mostrará la letra griega mayúscula "Sigma" ("Σ"). La graficación de símbolos Unicode depende del tipo de fuente utilizada por el navegador, y la mayoría de ellas no da soporte para todos los carácteres en el estándar Unicode (los carácteres no soportados son mostrados como cuadrados o signos de interrogación).

2.4.1.3. hreflang

Especifica el idioma base del documento de destino. Se pone el código de idioma (ISO 639-1 / RFC 4646). Este atributo solo puede ser utilizado cuando el atributo href está presente.

2.4.1.4. media

Especifica el medio para el cual el documento de destino ha sido diseñado. Puede ser un solo medio o una lista de medios separada por comas. Los navegadores soportan los valores all, screen y print. El valor predeterminado es screen.

• all: Aplicable a cualquier dispositivo.
• aural: Para sintetizadores de voz.
• braille: Para dispositivos táctiles Braille.
• handheld: Para dispositivos de mano (pantalla pequeña, monocromáticos, etc.).
• print: Para paginados y para documentos vistos en pantalla en vista previa de impresión.
• projection: Para proyectores.
• tty: Para medios usando una grilla de caracteres como los teletypes, terminales, o dispositivos portables con capacidades de graficación limitadas.
• tv: Para dispositivos tipo televisión (baja resolución o color, sin desplazamiento).
• screen: Para pantallas de computadoras.

2.4.1.5. rel y rev

rel: Es la relación entre el documento actual y el destino del enlace.

rev: Es la relación entre el destino del enlace y el docmento actual.

Los navegadores soportan de forma completa, solo el valor stylesheet, el resto de los valores de forma parcial.

• stylesheet: Una hoja de estilos externa. Puede ser usado conjuntamente con el tipo de vínculo alternate para hojas de estilos seleccionables.
• alternate: Designa versiones sustitutas del documento actual. Usada conjuntamente con el atributo lang implica una versión traducida del documento. Usada conjuntamente con el atributo media implica una versión diseñada para un medio diferente.
• appendix: Un documento sirviendo de apéndice en una colección de documentos.
• bookmark: Un bookmark (señalador). Es un enlace a un punto clave de un documento.
• chapter: Un documento sirviendo como capítulo en una colección de documentos.
• contents: Un documento sirviendo como tabla de contenidos.
• copyright: Una declaración de derechos de copia para el documento actual.
• glossary: Un documento proporcionando un glosario de términos que pertenecen al documento actual.
• help: Un documento ofreciendo ayuda (más información, enlaces a otros recursos, etc.).
• home: Si un documento relacionado es la página principal del sitio web.
• index: Un documento proporcionando un índice para el documento actual.
• next: El próximo documento en una secuencia lineal de documentos.
• prev: El documento anterior en una serie ordenada de documentos.
• section: Un documento sirviendo como sección en una colección de documentos.
• start: El primer documento en una colección. Indica a los motores de búsqueda qué documento es considerado el punto de partida por el autor.
• subsection: Un documento sirviendo como subsección en una colección de documentos.

2.4.1.6. target

Especifica donde deberá abrirse el documento. Especifica el nombre del marco donde el documento de destino debería ser cargado. Los nombres de marcos deben comenzar con una letra ([A-Z] ó [a-z]). Los nombres especificados a continuación son reservados y tienen significados especiales.

• _blank: Abre el documento en una nueva ventana.
• _parent: Abre el documento en el marco padre del marco actual. Si no hay un marco padre funciona igual que _self.
• _self: Abre el documento en el mismo marco que el elemento referente.
• _top: Abre el documento en la ventana del elemento referente, rompiendo la estructura de marcos actual. Si no hay estructura de marcos funciona igual que _self.

2.4.1.7. type

Especifica el tipo de documento a enlazar. Indica al navegador el tipo de contenido del recurso nombrado en el atributo href. El más común es type="text/css".

2.4.1.8. class

Asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos. Actúa:

• Como selector para las hojas de estilo (CSS), cuando se asigna información de estilo a un conjunto de elementos.
• Para procesos generales por parte del usuario.

2.4.1.9. id

Asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento. Actúa:

• Como selector para las hojas de estilo (CSS).
• Como vínculo destino para vínculos de hipertexto.
• Como medio de hacer referencia a un elemento en particular desde un script.
• Como nombre de un elemento object declarado.
• Para procesos generales por parte del usuario.

2.4.1.10. style

Este atributo especifica información de estilo para el elemento actual. Los atributos en el parámetro style deben preservar este orden nombre : valor y ser separados por un punto y coma (nombre1 : valor1; nombre2 : valor2; nombre3 : valor3;). Si estás escribiendo código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo class).

2.4.1.11. title

Este atributo ofrece información consultiva sobre el elemento para el cual se establece.

2.4.1.12. dir

Especifica la dirección del texto. El valor ltr va de izquierda a derecha (left to right). El valor rtl va derecha a izquierda (right to left). El español se escribe de izquierda a derecha mientras que el árabe o hebreo van de derecha a izquierda.

2.4.1.13. lang

Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento. El atributo lang es útil para:

• Ayudar a los motores de búsqueda.
• Ayudar a los sintetizadores de voz.
• Ayudar al agente de usuario a hacer decisiones sobre separación de palabras, ligaduras, y espaciado.
• Ayudar a los verificadores de ortografía y gramática.

2.4.2. Eventos

Ejecutan acciones cuando ocurren. Estas acciones son definidas por un script del lado cliente, que son programas escritos para realizar cierta acción en un lenguaje específico (por ejemplo, JavaScript, VBScript, etc.). Existen diferentes eventos que se disparan en diferentes instancias de acuerdo con las acciones de los usuarios o navegadores.

2.4.2.1. onkeydown

El evento funciona cuando se pulsa una tecla sobre un elemento.

2.4.2.2. onkeypress

El evento funciona cuando se pulsa y se suelta una tecla sobre un elemento.

2.4.2.3. onkeyup

El evento funciona cuando una tecla se suelta sobre un elemento.

2.4.2.4. onclick

El evento funciona cuando se hace clic con el mouse sobre un elemento.

2.4.2.5. ondblclick

El evento funciona cuando se hace doble clic con el mouse sobre un elemento.

2.4.2.6. onmousedown

El evento funciona cuando el botón del mouse se pulsa cuando está encima de un elemento.

2.4.2.7. onmousemove

El evento funciona cuando el mouse se mueve mientras está sobre un elemento.

2.4.2.8. onmouseout

El evento funciona cuando el mouse se aparta de un elemento.

2.4.2.9. onmouseover

El evento funciona cuando el mouse se sitúa sobre un elemento.

2.4.2.10. onmouseup

El evento funciona cuando el botón del mouse se suelta cuando está encima de un elemento.

Temas :

• 0. Introducción
• 1. Documento HTML
• 2. Cabecera <head>
1. 2.2. Título <title>
2. 2.3. Metadatos <meta>
3. 2.4. Enlaces <link>
4. 2.5. Base <base>
5. 2.6. Script <script>
6. 2.7. Estilos <style>
• 3. Cuerpo <body>.
1. 3.2. Caracteres especiales
2. 3.3. Texto
3. 3.4. Listas
4. 3.5. Enlaces
5. 3.6. Imágenes
6. 3.7. Tablas
7. 3.8. Formularios
• Apéndice A
1. A.1. Código de idiomas

© Copyright 2011 by La Zona | Idea original by ParriOro

♼