Una forma (¿terrible?) de hacer notas a pie de página en HTML

Terence Eden buscó una manera de hacer notas a pie de página usando los elementos details/ . summaryCreo que es algo inteligente. En lugar de un hipervínculo que salte hacia abajo para explicar la nota al pie en otra parte, los detalles están justo al lado del texto. Me gusta esa proximidad en el código. Además, obtienes la interactividad nativa de apertura/cierre del widget de divulgación.

Aunque tiene algunas partes complicadas. El detailselemento está a nivel de bloque, por lo que debe estar en línea para que sea la nota al pie y tener el tamaño y la posición adecuados para que se vea “correcto”. Creo que es una pena que no quepa dentro de una petiqueta, por lo que no resulta práctico para mi propio uso.

Craig Shoemaker en los comentarios bifurcó el original para jugar con el CSS, y eso me inspiró a hacer lo mismo.

En lugar de mostrar el texto de la nota al pie en línea (lo cual es muy complicado), moví ese contenido a una ubicación de posición fija en la parte inferior de la página:

No estoy 100% convencido de que sea una buena idea, pero tampoco estoy convencido de que sea terrible.