-
¿Puedo anclar un Div?
-
Anclajes han sido utilizados para enlazar a partes específicas de las páginas Web. Un ancla consiste en un hipervínculo creado por las etiquetas de anclaje y un elemento - encabezamientos, párrafos, imágenes y divs, por nombrar algunos ejemplos - que contiene un ID. Mientras un div tiene un ID, es utilizable como un ancla.
Las anclas HTML
Un ancla HTML utiliza las "<a>" etiquetas de anclaje para vincular a cualquier elemento por su "nombre" o atributo "ID". Aunque "nombre" se utilizó en el pasado, el uso de "ID" se considera una buena práctica ya que "nombre" es ahora una desuso - atributo en HTML 4 y por encima de - no es actual. En lugar de crear un enlace que apunta a una ruta de archivo, se puede crear un enlace apuntando a Identificación de cualquier elemento HTML o nombre.
Usos de las anclas
Las anclas se usan normalmente en las páginas web que contienen grandes cantidades de texto. En una página Web que tiene muchas secciones con subtítulos, puede crear una lista de enlaces que actúan como una tabla de contenidos. Cada enlace apuntaría a una etiqueta div partida o por su ID. Otro uso de los anclajes es crear enlaces "salto" que llevan al usuario de nuevo a la parte superior de una página web de largo, lo que reduce la necesidad de desplazarse. También es posible vincular a una parte específica de otra página.
El anclaje de una Div
La adición de una identificación para un div le permitirá enlazar con él el uso de etiquetas "<a>":
<Div id = "my_stuff">
Content...</ Div>
El ID es ahora accesible por las etiquetas de anclaje, hojas de estilo y JavaScript. Si usted tiene un div que ya contiene un ID, tendrá que usar ese ID.
La vinculación a un ancla Div
El método para crear un vínculo a un elemento anclado implica establecer el atributo "href" de un par de etiquetas "<a>" al nombre de ID, con el prefijo un símbolo de hash:
<a href="#my_stuff"> Ir a Mis cosas </a>
<a href="page2.html#mystuff"> Ir a Mis cosas en la página 2 </a>El primer enlace enviará al usuario que el elemento con un ID de "my_stuff," siempre y cuando se está en la misma página que se está visualizando en el navegador. El segundo enlace se carga una página diferente en el navegador y salta a la div "my_stuff".
