<a> Las etiquetas se utilizan principalmente para definir enlaces y marcadores, y también se llaman hipervínculos o enlaces de anclaje. Los usos más comunes son los siguientes:
Cree un atributo HREF Hyperlink y salte al enlace en el medio href =.<a href = https: //www.vevb.com/> www.vevb.com </a>Cree un marcador, use el atributo de nombre o identificación y el final del hipervínculo para agregar # y el nombre de este marcador para saltar a una determinada ubicación en la página web
<a name = top> </a> <a name = 1> </a> <a name = 2> </a> <a href =#top> regresa a la parte superior </a> <a href =#1> Abrir Capítulo 1 </a> <a href =#2> Abrir Capítulo 2 </a>
Cuando abra el tutorial en línea de EWEI Technology W3CSChool, aparecerá la navegación debajo del título, que se creará a través del nombre del marcador.
Atributos del evento JavaScript, haga clic para ejecutar diferentes comandos<a href = javascript: void (0) onClick = this.href = 'https: //www.vevb.com/'> www.vevb.com </a>
Cuando no hay estilo CSS del enlace de anclaje personalizado <a href = https: //www.vevb.com/> Texto del enlace de anclaje </a>, los estilos de enlace de anclaje predeterminado son los siguientes:
Se utiliza el estilo de enlace predeterminado, use el mouse para activar el efecto.
<estilo type = text/css>
A {color:#00f}
A: Visitado {Color:#800080}
A: Hover {Color:#F00}
</style>
<a href = https: //www.vevb.com/> www.vevb.com </a>
A {Color:#00F} Los enlaces de anclaje son todos azules y subrayados.
A: Visitado {Color:#800080} El enlace después de hacer clic es púrpura y subrayado
A: Hover {Color:#F00} El mouse desencadena los estilos rojos y subrayados
Sin embargo, debido a que estos tres colores son demasiado fuertes, a menudo no pueden coincidir con todos los estilos de diseño web. Si necesita estilos de enlace de anclaje para otros colores, solo necesita modificar el color y el fondo usted mismo en CSS de acuerdo con los tres estilos anteriores.
De hecho, cuando se lanzó HTML por primera vez, el navegador no estaba tan avanzado como lo es ahora, y las pantallas de la computadora en ese momento no tenían los colores de LCD y otros colores actuales, y muchos de ellos incluso eran en blanco y negro. En ese momento, el método para distinguir si es un enlace es subrayarlo. En muchos monitores en blanco y negro, o páginas web para usuarios de color ciegos, intente mantener el subrayado lo más posible, de lo contrario, el usuario no podrá distinguir los colores.
Por supuesto, en aras de la belleza, los diseños web modernos generalmente no ponen subrayados directamente en el enlace. Sin embargo, para atender a los usuarios de color ciegos y a los usuarios de monitor de teléfono móvil en blanco y negro, se recomienda establecer el estilo CSS para subrayar cuándo se activa el mouse del usuario.
Cuando abra el enlace a esta página, encontrará que algunos enlaces aparecerán a otras ventanas cuando los abra, mientras que algunos enlaces reemplazarán directamente esta página. Este método de salto puede usar la propiedad objetivo del enlace de anclaje para establecer la ventana de salto.
_Elginar la ventana actual está abierta y el enlace de anclaje se redirigirá a la ventana del navegador actual de forma predeterminada, es decir, el objetivo predeterminado = _fil<a href = https: //www.vevb.com/ target = _Self> Esta es la nueva ventana actual Pantalla de inicio de la tecnología EWEI </a>Se abre la nueva ventana de Bblank
<a href = https: //www.vevb.com/ target = _blank> Esta es la nueva ventana para mostrar la página de inicio de la tecnología EV </a>El objetivo no identificado se abre en la misma ventana nueva
<a href = https: //www.vevb.com/ target = _weigeti> Si el _weigeti aquí no es el nombre o la identificación dentro de la página web, todos los enlaces de target = _weigeti en la página web se abren en la misma ventana nueva, y cada enlace de _Blank opera una nueva ventana diferente </a>Nombre de marco o identificación
<a href = https: //www.vevb.com/ target = weigeti> Haga clic aquí para mostrar la página de inicio de la tecnología e-wei en el nombre de cuadro a continuación = weigeti, y no saltará a una nueva ventana ni reemplazará la ventana actual </a> <iframe name = weigeti> </fiRame>_Parent La ventana principal abre y carga el archivo vinculado en el conjunto de la trama principal o en la ventana principal que contiene la trama del enlace. Si el marco que contiene el enlace no está anidado, el archivo vinculado se carga en la ventana de pantalla completa del navegador, al igual que el parámetro _Self.
<Iframe> <a href = https: //www.vevb.com/ target = _parent> Este es el interior del marco </a> </frame>_TOP Marco en el nivel superior , por ejemplo, la página web B está integrada en la Web A, la página web B está integrada en la página web de iframe C
<Iframe> <Iframe> <a href = https: //www.vevb.com/ target = _TOP> Este es el marco dentro del marco </a> </frame> </frame>
Si la conexión en la página web C está configurada en target = _parent, elimine la página web B e incrusta directamente la página de enlaces en la página web C;
Si Target = _top en la página web C, entonces todos los marcos de iframe se saltarán directamente y se girarán directamente a la página vinculada en C.
_TOP abre el documento vinculado en la ventana completa del navegador actual, eliminando así todos los cuadros
Los enlaces externos siempre se han considerado uno de los núcleo de la optimización del motor de búsqueda. Por esta razón, han aparecido todas las formas de enlaces externos, y no todos los enlaces externos tienen un efecto en el SEO.
Los motores de búsqueda están menos dispuestos a reconocer a JavaScript, todo lo cual es fácil de entender.
<a href =# onClick = this.href = 'https: //www.vevb.com/'> dicho enlace no es válido para SEO </a> <a href =# onClick = window.open ('https://www.vevb.com/');> Tal enlace no puede ser inalámbrico y no puede ser abierto por debajo de los brows.Si encuentra que el sitio web de la otra parte ha agregado el atributo rel = nofollow a su enlace al cambiar los enlaces con los sitios web de otras personas a través del código fuente, significa que este enlace no está rastreado por los motores de búsqueda.
<a href = https: //www.vevb.com/ rel = nofollow> tales enlaces no son válidos para SEO </a> <meta name = robots content = nofollow/> <a href = https: //www.vevb.com/> Si existe la oración anterior en el comienzo de la página web, luego todos los enlaces dentro de la página web no serán crowled por el motor de búsqueda, inválido para SEO </a>
Google Search lanzó primero un nuevo algoritmo para atacar enlaces externos con el mismo color que los de Beijing, y este enlace externo generalmente se considera un enlace negro.
<syle type = text/css> #vgtlink {background: #fff} #vgtlink {background: #fff} </style> <div id = vgtlink> <a href = https: //wwww.vevb.com/ id = vgtlink> Tal enlace no está inválido para SEO </a> </div> href = https: //www.vevb.com/ style = fondo: #fff> tales enlaces también son inválidos para SEO </a>