Tranducir Blog

viernes, 12 de mayo de 2017

Etiqueta a HTML

Definición

La etiqueta <a> se usa para definir un destino o un origen de un enlace.
Los navegadores suelen representar los enlaces subrayando el origen del vínculo de color azul.
  • Para definir un enlace hacia otra página o sitio Web utilizamos el atributo href.
  • Para definir un enlace dentro de la misma página en la que nos encontramos usamos el atributo name.

Ejemplo

Código
<a href="http://www.virtualnauta.com/">La home de Virtualnauta</a>
Resultado
La home de Virtualnauta

Posibles Atributos de la Etiqueta <a>

Referencias:
DTD nos indica en que DTD se permite cada atributo. S=Strict, T=Transitional, and F=Frameset.

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    
AtributosValorDescripciónSoportado por:DTDEj.
hrefURLDirección URL a conectar.Soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxSoportado por el navegador Google ChromeSoportado por el navegador OperaSoportado por el navegador SafariSTFEjemplo del uso del atributo href
hreflangcódigo de lenguajeEspecifica el lenguaje de la URL.No es soportado por el navegador Internet ExplorerNo es soportado por el navegador FirefoxNo es soportado por el navegador Google ChromeNo es soportado por el navegador OperaNo es soportado por el navegador SafariSTF
namenombre de secciónPara crear un marcapáginas dentro de un documento.Soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxSoportado por el navegador Google ChromeSoportado por el navegador OperaSoportado por el navegador SafariSTFEjemplo para definir un enlace a una ubicación determinada de la página
relEspecifica la relación entre el documento actual y el destino del vínculo.Soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxSoportado por el navegador Google ChromeSoportado por el navegador OperaSoportado por el navegador SafariSTF
alternate
designates
stylesheet
start
nextEjemplo del uso del atributo rel con el valor next
prevEjemplo del uso del atributo rel con el valor prev
contents
index
glossary
copyright
chapter
section
subsection
apendix
help
bookmark
nofollowEjemplo del uso del atributo rel con el valor nofollow
revEspecifica la relación entre el destino del vínculo y el documento actual(vínculo inverso).Soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxSoportado por el navegador Google ChromeSoportado por el navegador OperaSoportado por el navegador SafariSTF
alternate
designates
stylesheet
start
next
prev
contents
index
glossary
copyright
chapter
section
subsection
apendix
help
bookmark
coordscoordenadasEspecifica las coordinadas en donde se puede apretar.No es soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxNo es soportado por el navegador Google ChromeSoportado por el navegador OperaNo es soportado por el navegador SafariSTF
shapeDefine la forma del area.No es soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxNo es soportado por el navegador Google ChromeSoportado por el navegador OperaNo es soportado por el navegador SafariSTF
rectUsamos coords="izquierda, arriba, derecha, abajo"
rectangle
circUsamos coords="centro x, centro y, radio"
circle
polyUsamos coords="x1, y1, x2, y2, .., xn, yn"
polygon
targetIndica donde abrir el URL.Soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxSoportado por el navegador Google ChromeSoportado por el navegador OperaSoportado por el navegador SafariTF
_blankEl URL se abrirá en una nueva ventana.Ejemplo que muestra como abrir un enlace en una nueva ventana
_parentEl URL se abrirá en el frameset padre.Ejemplo que muestra como abrir un enlace en un frameset padre
_selfEl URL se abrirá en el mismo frame donde fue apretado.Ejemplo que muestra como abrir un enlace en el mismo frame donde fue apretado
_topEl URL se abrirá en una ventana de tamaño completo.Ejemplo que muestra como abrir un enlace en una ventana de tamaño completo
typetipo de contenidoEspecifica el tipo de contenido a conectar.Soportado por el navegador Internet ExplorerSoportado por el navegador FirefoxSoportado por el navegador Google ChromeSoportado por el navegador OperaSoportado por el navegador SafariSTF

Atributos Estándard de la Etiqueta <a>

Estos atributos son soportados por todos los navegadores

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    
AtributosValorDescripción
classnombre de la claseAsigna un nombre de clase.
El atributo class 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.
idnombreAsigna un nombre a un elemento.
El atributo id 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.
styleestiloEste atributo especifica información de estilo para el elemento actual.
titlenombreEste atributo ofrece información consultiva sobre el elemento para el cual se establece.
dirltr o rtlEspecifica la dirección del texto.
Valores posibles:
  • ltr : De izquierda a derecha (left tright).
  • rtl : De derecha a izquierda (right tleft).
langcódigo de lenguajeEspecifica 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.
accesskeycaracterAsigna una tecla de acceso a un elemento. Al pulsar esa tecla el foco se dirige hacia ese elemento.
tabindexnúmeroEspecifica el orden de tabulación del elemento dentro del documento actual

Eventos de la Etiqueta <a>

Los eventos son soportados por todos los navegadores

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    
EventoValorDescripción
onblurscriptEl script corre cuando el elemento pierde el foco ya sea con el mouse o por navegación con tabulador.
onfocusscriptEl script corre cuando el foco se dirige hacia un elemento, ya sea con el mouse o por navegación con tabulador.
onkeydownscriptEl script corre cuando se pulsa una tecla.
onkeypressscriptEl script corre cuando se pulsa y se suelta una tecla.
onkeyupscriptEl script corre cuando una tecla se suelta.
onclickscriptEl script corre cuando se hace clic con el mouse.
ondblclickscriptEl script corre cuando se hace doble clic con el mouse.
onmousedownscriptEl script corre cuando el botón del mouse se pulsa cuando está encima de un elemento.
onmousemovescriptEl script corre cuando el mouse se mueve mientras está sobre un elemento.
onmouseoutscriptEl script corre cuando el mouse se aparta de un elemento.
onmouseoverscriptEl script corre cuando el mouse se sitúa sobre un elemento.
onmouseupscriptEl script corre cuando el botón del mouse se suelta cuando está encima de un elemento.

No hay comentarios.:

Publicar un comentario

Entradas Populares