Cuando está trabajando en un documento HTML y desea que los usuarios puedan hacer clic en un tema y ser transportados instantáneamente a una ubicación marcada dentro del documento, las etiquetas de atributos de ID son útiles. Esto ocurre a menudo cuando enumera una serie de temas en la parte superior del artículo y luego vincula cada tema a una sección relacionada más abajo en la página web.
Los documentos HTML con frecuencia incluyen enlaces externos a otros documentos, pero también pueden incluir enlaces dentro de un solo documento. Al hacer clic en una etiqueta, el lector se traslada a una sección marcada específica en la página web. Eventualmente, puede ser posible vincular a ubicaciones exactas de píxeles en documentos, pero por ahora, puede usar la etiqueta de identificación para crear un enlace y una ubicación en el documento. Luego usa href para ir allí. Una etiqueta identifica el destino y la segunda etiqueta identifica el enlace al destino.
Nota: HTML 4 y versiones anteriores utilizaron el atributo de nombre para formar enlaces internos. HTML 5 no admite el atributo de nombre, por lo que se utiliza el atributo ID en su lugar.
En el documento, decida a dónde quiere que vayan los enlaces internos. Se etiquetan usando la etiqueta de anclaje con los atributos de id.
A continuación, creará el enlace a la sección del documento utilizando la etiqueta de ancla y el atributo href. Usted indica el área nombrada con un #.
El truco es asegurarse de colocar <a> alrededor del texto o una imagen.
Muchas veces ves que las personas usan estos enlaces sin rodear nada, pero esto no es un ancla tan confiable como la que rodea una palabra o imagen. Muchos navegadores prefieren tener algún elemento para posicionarse en la parte superior de la pantalla; cuando no encierres nada, corres el riesgo de que el navegador se confunda.
Un enlace para volver al principio de una página web
Cuando desea agregar un enlace en una página web para que el usuario vuelva a la parte superior de la página, el enlace interno es fácil de configurar. En HTML, la etiqueta define un enlace. href = es seguido por la URL del enlace de destino entre comillas (o una URL reducida si el enlace está dentro del mismo documento), y luego el texto del enlace que está visible en la página web. Al hacer clic en el texto del enlace, se envía a la dirección especificada mediante esta sintaxis:
Texto del enlace
