Algunas cosas que quizás no sepas sobre el href del elemento de anclaje

Me gusta «lanzar» cosas que pensé que sabía. HTML está lleno de estas oportunidades (ejemploal igual que hoy), porque aquí suele ser donde comienzas a aprender sobre el desarrollo web. En esos primeros días, no sabías lo que no sabías.

Entonces, gracias Jim Nelson para Dame una razón para hacer que el patrón de URL se vea más. Incluso si ya tiene estos patrones, es fácil dar por sentado las superpoderes de URL.

modelo:

<a href="#"> <!-- Scrolls to the top of a document -->
<a href=""> <!-- Reloads the current page, preserving the search string but removing the hash string (if present). -->
<a href="https://css-tricks.com/a-few-things-about-the-anchor-elements-href-you-might-not-have-known/."> <!-- Reloads the current page, removing both the search and hash strings -->
<a href="https://css-tricks.com/a-few-things-about-the-anchor-elements-href-you-might-not-have-known/?"> <!-- Reloads the current page, removing both the search and hash strings (keeps `?`) -->
<a href="data:"> <!-- Link to data URLs, like text fragments -->
<a href="video.mp4#t=10,20">  <!-- Links to specific parts of a media file -->

Pero hazte un favor y lee la publicación completa de Jim. Prefiere las malas hierbas, refiriéndose a especificaciones y pruebas de estrés diferentes configuraciones. Quiero decir, esto es oro:

Pero estoy escribiendo porque #top También desplácese hasta la cima si No hay otros elementos id="top" En el documento. No tengo ni idea.

Ni yo.

Enlace directo →