¿Qué son los anclajes en el código HTML? ¿Cómo establecer el punto de anclaje?
¿Qué es un punto de anclaje?
En W3C, la palabra "Ancla" es un ancla, lo que significa que una región de un recurso puede ser el destino o la fuente de cero, uno o más enlaces. Un ancla puede referirse a un recurso completo, a una porción específica de un recurso o a una representación específica de un recurso.
Entendimiento popular: un ancla es un tipo de hipervínculo, pero es un hipervínculo dentro de la página. Por ejemplo, tenemos una página web muy larga y el contenido que contiene se puede dividir en n partes. De esta manera, podemos establecer algunos puntos de anclaje en la parte superior de la página web para facilitar que los visitantes hagan clic en los puntos de anclaje correspondientes y lleguen a la ubicación correspondiente en la página sin tener que buscar en una página web larga. ?
¿Cómo establecer el punto de anclaje?
Primero, abre la herramienta para crear páginas web. Hoy en día, se pueden utilizar muchos software para crear páginas web, como eclipse, myeclipse, Dreamweaver, visual studio, etc. Todos ellos son software muy útiles, IDE.
Abrir una página HTML. Cada software tiene diferentes métodos de apertura. A continuación se explica cómo abrir una página web con el software Adobe Dreamweaver.
El código básico es el siguiente.
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//ES " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transicional . DTD " & gt;
& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt;
& lthead & gt
& ltmeta http-equiv = " Tipo de contenido " Contenido = " text/html; charset=utf-8" />
& lttitle & gtDocumento sin título
& lt/head & gt;
& ltbody & gt
& lt/body & gt;
& lt/html & gt;
Complete el siguiente código en el cuerpo.
& ltbody & gt
& lta href="q.html#p1 " >Texto 1 Texto 2
& lta href="q.html# p3 " >Texto 3
& lta name="p1 " >& lt/a & gt;
& ltp & gtP1 párrafo
& ltp & gt -</p>
<p>-</p>
& ltp>-</p>
& ltp & gt-& lt; /p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt -</p>
<p> -</p>
& ltp>-</p>
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& lta name= "p2 " >& lt/a & gt;
& ltp & gtP2 párrafo
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt; /p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt; /p & gt;
& ltp & gt-& lt;/p & gt;
& lta name="p3 " >& lt/a & gt;
& ltp & gtP3 párrafo
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt -& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& lt/body & gt;
五
El código de formato del punto de anclaje
& lta name="p3 " > & lt/a & gt;
& ltp & gtPárrafo P3
& ltp & gt-& lt;/p & gt;
& ltp & gt -& lt;/p & gt;
& ltp & gt-& lt; /p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt-& lt;/p & gt;
& ltp & gt -& lt;/p & gt;
Seis
Los resultados de ejecución son los siguientes:
Al hacer clic en el segundo párrafo, se saltará inmediatamente al segundo párrafo. .
¿Cómo utilizar anclajes en diseño web?
Un ancla establece una etiqueta de ubicación en el documento y le da a la ubicación un nombre como referencia.
Al crear un punto de anclaje, puede crear un punto de enlace a una ubicación específica en el documento actual o en un documento diferente. Los anclajes se utilizan a menudo para saltar a la parte superior de un tema o documento específico, lo que permite a los visitantes navegar rápidamente a una ubicación seleccionada y acelerar la recuperación de información.
1. Establezca el punto de anclaje
Coloque el cursor en la ubicación donde desea establecer el punto de anclaje en la ventana del documento y luego haga clic en "Común"/"Punto de anclaje común". " en el panel "Insertar" ". Nombra un punto de anclaje en el cuadro de diálogo emergente.
2. Cree un enlace de anclaje
Seleccione el texto o la imagen que desea vincular e ingrese el signo # y el nombre del ancla en el enlace en el panel de propiedades. Por ejemplo: #aa. Para vincular a un ancla en una página diferente, haga clic en el ícono de carpeta pequeña al lado del vínculo, seleccione el archivo que desea vincular en el cuadro de diálogo que se abre y presione "Aceptar". La dirección del archivo vinculado se mostrará en "Propiedades". " panel. En la columna del enlace, hay un signo # y el nombre del ancla.