Hay miles de artículos sobre botones y enlaces en la web; las diferencias y cómo usarlas correctamente. Oye, no me importa. Yo también escribí el mío¹.
Es un error tan común en la web que siempre vale la pena repetirlo:
- ¿La intención es enviar a alguien a otra URL? Es un enlace en forma de
<a href="">. - ¿Es para desencadenar alguna interactividad en la página? Es un botón en forma de
<button>. - Cualquier desviación de esos y será mejor que sepas lo que estás haciendo.
Eric Eggert escribió un artículo bastante bueno recientemente con una buena línea sobre por qué es importante:
Si tuviera un teclado y su tecla “e” solo funcionara el 90% del tiempo, sería exasperante. La fiabilidad y la confianza en las interfaces de usuario son importantes para permitir que los usuarios naveguen por el contenido y la aplicación con facilidad. Si usas los elementos correctos, apoyas a los usuarios.
Manuel Matuzović tiene una hoja de trucos de botones que es un paseo inductor de jajaja sobre por qué, literalmente, todo lo que no sea un <button> no es tan bueno como un botón. Manuel vincula el épico The Links vs. Buttons Showdown (video) de Marcy Sutton, enfrentando a los dos en una batalla simulada: “Enfrentaremos dos elementos HTML en una cruzada de lo mejor y lo peor, lo correcto y lo posible incorrecto”. . Un elemento se activa con la barra espaciadora, el otro con la tecla Intro. ¿Quién ganará?” No sé si reír o llorar por lo lejos que tenemos que llegar para difundir esta información.
- Creo que nuestro artículo Una guía completa de enlaces y botones es un buen ejemplo de contenido orientado a principiantes, que es mi estilo de contenido favorito para escribir y publicar. Pero debido a que hay tanto contenido orientado a principiantes en la web, el listón es bastante alto si desea generar un impacto y obtener suficiente SEO para que cualquiera pueda encontrarlo. Entonces, en este caso, la idea era ir a lo grande y escribir casi todo lo que hay para escribir sobre la base técnica de enlaces y botones. Si tienes una habilidad especial para este tipo de escritura, comunícate con seguridad.