Terence Eden buscó una forma de hacer notas al pie utilizando el <details>/<summary> elementos. Creo que es algo inteligente. En lugar de un hipervínculo que salta hacia abajo para explicar la nota al pie en otro lugar, los detalles están justo al lado del texto. Me gusta esa proximidad en el código. Además, obtiene la interactividad nativa de apertura / cierre del widget de divulgación.
Sin embargo, tiene algunas partes complicadas. El <details> El elemento está a nivel de bloque, por lo que debe estar en línea para ser la nota al pie, y debe tener el tamaño o la posición para que se vea “correcto”. Creo que es una pena que no se sienta en un <p> etiqueta, por lo que no es 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 directamente 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.