Explicación detallada del atributo objetivo de HTML Hyperlink Etiqueta A

La etiqueta Hyperlink <a> representa un punto de enlace y es la abreviatura de un ancla en inglés. Su propósito es conectar el texto o la imagen en la ubicación actual a otras páginas, texto o imágenes, lo cual es bien conocido, pero la estructura de sintaxis puede ser un poco desconocida al respecto, y para usarlo para vivir, es necesario comprender su estructura de sintaxis. La estructura de sintaxis básica de la etiqueta <a> es:

<a

clase = Tipo

id = valor

href = referencia

nombre = valor

Rel = mismo | Siguiente | Padre | Anterior

rev = valor

objetivo = ventana

estilo = valor

título = título

onClick = función

OnMouseOut = function

OnMouseOver = Function> Connection </a>

Desde la estructura de sintaxis de la etiqueta, se puede ver que hay muchos parámetros para elegir al establecer un hipervínculo para lograr diferentes efectos de enlace, ¿verdad? !

1._blank <a href = ejemplo.html target = _blank> Ejemplo </a> El navegador abrirá una nueva ventana para mostrar el documento Ejemplo.html

2._parent <a href = ejemplo.html Target = _Parent> Ejemplo </a> Señale al documento de la marca de la marca principal

3._Self <a href = ejemplo.html Target = _Self> Ejemplo </a> Haga clic en el documento en el cuadro de página actual

4._TOP <a href = ejemplo.html Target = _TOP> Ejemplo </a> Eliminar todos los marcos de página y reemplazar el documento de marcos con document.html

Consejos 1: Haga que los marcos de página de otras personas no se refieran a su página web en el encabezado del archivo: <Base Target = _TOP>

Consejos 2: Abra la conexión o actualice en la página actual, envíela a la página actual y agréguela al encabezado del archivo: <base Target = _Self>

Las opciones de clase e ID se utilizan para establecer el tipo de ID de tipo y asignado al que pertenece el punto de enlace, y generalmente no se establecen. Los dos parámetros más utilizados son href y nombre. donde href es una abreviatura de la referencia de hipertexto, que se utiliza para establecer la dirección de enlace. La dirección de enlace debe ser una dirección de URL. Si no se da una ruta específica, la ruta predeterminada es la misma que la ruta de la página actual. Los archivos vinculados también se dividen en varias situaciones: si es un archivo HTML, se abrirá directamente en el navegador actual; Si es un archivo ejecutable (archivo .exe), se ejecutará o descargará directamente. El archivo que proporcionamos descargado está hecho con esta función; Si se trata de un archivo de texto, como un archivo de formato de palabra, se abrirá en el navegador y se puede editar y procesar.

REL: Indica la relación entre los enlaces de configuración: Rel = mismo significa que el archivo a vincular es el mismo que este archivo, Rel = Siguiente significa que el archivo a vincular es la siguiente página, Rel = Parent significa que el archivo a vincular es el archivo principal y rel = anterior significa que el archivo a estar vinculado es la página anterior.

Rev: se usa para establecer vínculos de retroceso.

Objetivo: es establecer qué ventana se enlazará cuando se usa una ventana de cuadro, y el objetivo = _Bank significa abrir una nueva ventana para abrir una página web.

Título: Se utiliza para establecer el título para mostrar cuando se selecciona el punto de enlace.

OnClick: correspondiente a un evento. Cuando se haga clic en el punto de enlace, este evento se activará y se ejecutará la subrutina correspondiente.

OnMouseOver: Similar a OnClick, el evento correspondiente se activa cuando el mouse se mueve al punto de enlace.

OnmouseOut: el evento correspondiente se activa después de que el mouse se mueve fuera del contacto de la ciudad.

<a href = index.htm> volver a la página de inicio </a>

<a href = sound.wav> reproducir archivo de voz </a>

<a href = javascipt.open ()> Ejecutar el programa correspondiente </a>

<a herf = document.doc> Abra el documento correspondiente para el procesamiento </a>

Muchos internautas escribieron para preguntar cómo proporcionar el efecto de descarga. De hecho, sigue siendo un hipervínculo, pero los archivos para la descarga deben cargarse en el sitio web. Ejemplo: hay un paquete de archivo de habilidades de página web para descargar. El nombre del archivo es HomePagejq.zip y se ha cargado en el sitio web. El código para este enlace se puede escribir así: <a href = homePagejq.zip> Haga clic aquí para descargar el paquete de archivo de habilidades de la página web </a>.

2. Abra la página web vinculada en una nueva ventana

Establezca el valor del objetivo en _blank. Ejemplo: Abra la página web sobre ME.htm en una nueva ventana. El código que produce este efecto es: <a href = AboutMe.htm Target = _Blank> Acerca de mí ... </a>.

3. Mueva el mouse al enlace y muestre una línea de instrucciones

Establezca el valor del parámetro del título para obtener este efecto. Ejemplo: cuando el mouse se mueve al enlace Huangshan Villager, se muestra. Este es un sitio web profesional que presenta habilidades de producción de páginas web. El código para este enlace es el siguiente: <a href = hscf.htm title = Este es un sitio web profesional que presenta habilidades de producción de la página web> Huangshan aldeano </a>.

Este es el efecto obtenido al establecer el parámetro On Mouseover. Ejemplo: cuando el mouse se mueve a un enlace, aparece una ventana y muestra una demostración del efecto de ratón en la ventana. . El código para este enlace es el siguiente: <a href = otras páginas web.htm en mouseover = alert ('¡demostración de efectos de mouseover!')> Enlace </a>. De manera similar, puede crear el efecto de aparecer en la ventana de presentación después de que se presione el mouse y aparece por la ventana de presentación cuando el mouse sale.

Para vincular a una parte de esta página (es decir, saltar en el archivo), debe usar el nombre del parámetro para especificar el nombre del punto de enlace. Cuando selecciona una pieza de texto, puede nombrarlo con el parámetro de nombre para vincular. El llamado salto en el mismo archivo significa que cuando el lector está leyendo un archivo muy largo, si solo está interesado en una determinada parte del contenido, puede usar un método de lectura de salto. Su formato básico es:

<a href =#Nombre del punto de enlace> Parte 2 </a> Contenido de la Parte 1

<a nombre = nombre de punto de enlace> </a> Parte 2 Contenido real

De esta manera, cuando haga clic en el hipervínculo en la segunda parte, transferirá automáticamente al contenido real de la segunda parte. El nombre del punto de enlace definido por el parámetro de nombre se puede tomar a voluntad, pero el nombre del punto de enlace en el parámetro HREF vinculado debe ser consistente con él. No olvides agregar # frente a él.

El método es similar al ejemplo anterior, pero el nombre de archivo de la página web debe agregarse antes del nombre del punto de enlace en el parámetro HREF. Ejemplo: hay dos páginas web Page1.htm y Page2.htm, cada página tiene dos partes de contenido. Ahora desea crear un hipervínculo en Page1.htm. Después de presionar el enlace, irá a la segunda parte de Page2.htm. Luego podemos hacer esto, primero escriba un código como este al comienzo de la segunda parte de Page2.htm: <A name = Link Point Name> </a>; Escriba un código de enlace como este en Page1.htm: <a href = Pagw2.htm#Nombre del punto de enlace> Parte 2 de la página2 </a>.

Después de hacer clic en un hipervínculo, el software de administración de correo electrónico en el cliente comenzará a escribirle. Por ejemplo, esta línea de código: <a href = mailto: [email protected]> Por favor, escríbeme una carta </a>. Una vez que haga clic en este enlace, escríbeme. El software de administración de correo electrónico (como OE) iniciará automáticamente la función de escritura de letras y la dirección de correo electrónico se ha agregado a la barra de direcciones del destinatario.

El enlace no solo puede usar el texto como portador, sino también la imagen como portador, sino también usar una determinada parte de la imagen como portador, y los dos efectos anteriores se pueden lograr. Los métodos son los mismos, pero la diferencia es el portador, es decir, la parte entre los dos pares de soportes cuadrados del enlace, por lo que no se dará ningún otro ejemplo.