2.7 KiB
title, localeTitle
| title | localeTitle |
|---|---|
| A Href Attribute | Un atributo de Href |
Un atributo de Href
El atributo <a href> refiere a un destino proporcionado por un enlace. La <a> etiqueta (ancla) no funciona sin el href atributo. A veces, en su flujo de trabajo, no desea un enlace en vivo o aún no sabrá el destino del enlace. En este caso, es útil establecer el atributo href en "#" para crear un enlace muerto. El atributo href se puede usar para vincular archivos locales o archivos en Internet.
Por ejemplo:
<html>
<head>
<title>Ejemplo de atributo href</title>
</head>
<body>
<h1>Ejemplo de atributo href</h1>
<p>
<a href="https://www.freecodecamp.org/contribute/">La página de contribución freeCodeCamp</a> te muestra cómo y dónde puedes contribuir a la comunidad y al crecimiento de freeCodeCamp.
</p>
</h1>
</body>
</html>
El atributo <a href> es compatible con todos los navegadores.
Más atributos:
hreflang : especifica el idioma del recurso vinculado. target : especifica el contexto en el que se abrirá el recurso vinculado. title : define el título de un enlace, que aparece para el usuario como información sobre herramientas.
Ejemplos
<a href="#">Esto es un enlace muerto</a>
<a href="https://www.freecodecamp.org">Esto es un enlace vivo a freeCodeCamp</a>
<a href="https://html.com/attributes/a-href/">Otro ejemplo con un atributo href</a>
Anclajes en la página
También es posible establecer un ancla a un lugar determinado de la página. Para hacerlo, primero debes colocar una pestaña en la ubicación de la página con la etiqueta y el atributo necesario name con cualquier descripción de palabra clave, así:
<a name="arriba"></a>
No se requiere ninguna descripción entre etiquetas. Después de eso, puedes colocar un enlace que conduzca a este ancla en cualquier lugar de la misma página. Para hacer esto, debe usar la etiqueta con el atributo necesario rhref con el símbolo # (sostenido) y una pequeña descripción, en palabras clave, del ancla, así:
<a href="#arriba">Ir arriba</a>
Enlaces de imagen
El <a href="#"> también puede aplicarse a imágenes y otros elementos HTML.
Ejemplo
<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="imagen"> </a>
Ejemplo
Algunos ejemplos más de href
<!-- Este te da una url base para todas las url subsecuentes en esta página -->
<base href="https://www.freecodecamp.org/a-href/">
<!-- Este es un enlace activo a una hoja de estilos externa (external stylesheet) -->
<link href="style.css">