Nombre en inglés: Anchor
Use los anclajes nombrados para establecer marcas en un documento, que generalmente se colocan en la parte superior de un tema específico en el documento. Se pueden crear enlaces a estos anclajes con nombre que rápidamente llevan a los visitantes a una ubicación especificada.
El proceso de crear un enlace a un ancla con nombre se divide en dos pasos. Primero, cree un ancla con nombre y luego cree un enlace a ese ancla llamada.
Código de muestraDefina los siguientes puntos de anclaje en la página HTML en la ubicación apropiada:
<a name = top> Aquí está la parte superior </a>
<a name = content> Aquí está la parte de contenido </a>
<a name = Foot> Esta es la parte del pie </a>
(Puede usar el atributo de identificación en lugar del atributo de nombre, y los anclajes nombrados también son válidos. [1])
Hay dos formas de acceder al punto de ancla
Una es usar la etiqueta Hyperlink <a> </a> para crear enlaces de anclaje, que se usan principalmente para el acceso de anclaje en la página.
<a href =#top> Haz clic en mí para vincular a la parte superior </a>
<a href =#Content> Haga clic para vincularme al contenido </a>
<a href =#foot> Haz clic para vincularme al pie </a>
Otra forma es agregar directamente las marcas de anclaje después de la dirección de la página, que se usa principalmente para el acceso al punto de anclaje entre diferentes páginas.
Si la dirección de esta página es http: // archivo ruta/index.html, para acceder al ancla de pie, simplemente acceda al siguiente enlace.
http: // archivo ruta/index.html#foot
2. ¿Qué hace exactamente el ancla HTML?En términos simples, por ejemplo, si desea ver un artículo muy largo en párrafos precisos, puede usar el punto de anclaje.
Código:
<a href =#001> Saltar a 001 </a>
... texto omitido
<a name = 001 id = 001>/a>
... texto omitido
De hecho, el punto de anclaje solo necesita nombre, y la ID se agrega para que sea más compatible.
El valor de HREF debe ser consistente con el nombre/ID, y # debe agregarse antes. El código anterior es compatible en IE6/7 y FF, pero no se puede hacer en IE8.
Debido a que el valor de nuestro punto de anclaje está vacío, solo necesitamos agregar un espacio para no afectar la belleza.
Como el siguiente código, puede ser compatible con IE8
<a href =#001> Saltar a 001 </a>
... texto omitido
<a name = 001 id = 001> & nbsp </a>
... texto omitido
Otra pregunta, ¿qué hay de mostrar el contenido de un punto de anclaje en una determinada página (como: 123.html)?
El código es el siguiente
<a href = 123.html#001> omitir a 001 </a>
... texto omitido
<a name = 001 id = 001> & nbsp </a>
... texto omitido
Esto fue ayer cuando trabajaba en segundo plano. Quería modificar el posicionamiento, así que moví la marca de anclaje (generalmente lo olvido).
Pero el programa dice que quieren obtener el valor y deben tener un? o & en la conexión, para que mis puntos de anclaje sean incompatibles ...
¡Jeje! ¡Habrá una solución en el futuro!
Aunque hay problemas con la compatibilidad de anclaje en las páginas JSP, no hay problema en las páginas estáticas y ¡todavía vale la pena aprender!
3. En el desarrollo web, se utilizarán los anclajes de página . Los anclajes de página HTML se utilizan para vincular a un capítulo de una página. W3School dice que la creación de anclajes usa el atributo de etiqueta y nombre <a> (ancla), pero esta no es la única forma de crear un ancla de página. Hablemos brevemente sobre dos formas de hacer anclajes de página HTML.Podemos usar la herramienta de prueba en línea de W3School para probar. El código de prueba después de abrir el enlace usa <a href =#c4 ″> y <a name = c4 ″>, y no hay problema con la prueba. Luego cambie <h2> <a name = C4 ″> Capítulo 4 </a> </h2> a <h2 id = C4 ″> Capítulo 4 </h2> y luego pruebe, el efecto es el mismo.
Nota: Además de usar el atributo de nombre de la etiqueta de anclaje, también puede usar el atributo de identificación para crear anclajes de página. El valor del atributo HREF en la etiqueta de punto <a> es el valor del punto de partida # más el nombre o ID del objetivo:
Copiar el código