ajoute octobre 2021
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
---
|
||||
title: Dimanche 3 octobre 2021
|
||||
---
|
||||
|
||||
> HTML tips you won't see in most tutorials.
|
||||
|
||||
https://twitter.com/denicmarko/status/1443890483453956097 Un fil Twitter à propos de tips HTML assez intéressant.
|
||||
|
||||
> 1. The `loading=lazy` attribute
|
||||
>
|
||||
> You can use the `loading=lazy` attribute to defer the loading of the image until the user scrolls to them.
|
||||
|
||||
> 2. Use the `<datalist>` element to create native HTML autocomplete.
|
||||
|
||||
La page à propos de [datalist sur MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) semble montrer que c'est disponible sur tout les navigateurs. Comment ces balises se comporte sur un vieu navigateur ? Je pense à l'éco-conception...
|
||||
|
||||
> 5. Use `<input type="reset">` to create clear button for your forms.
|
||||
|
||||
>11. HTML Accordion
|
||||
>
|
||||
> You can use the `details` element to create a native HTML accordion.
|
||||
> <details> <summary> Click me to see more details </summary> <p> Details shown after click on the `summary` element </p> </details>
|
||||
|
||||
Cette balise n'est pas suporté par le vieux internet explorer d'après la page [details sur MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details)
|
||||
|
||||
> 12. `mark` tag
|
||||
>
|
||||
> You can use the `<mark>` tag to highlight text.
|
||||
|
||||
Ça me permettra d'arrêter d'utiliser `<em>` ? Mais comment l'utiliser dans Markdown ? En l'incrustant comme balise dans le texte sans doute.
|
||||
|
||||
---
|
||||
|
||||
[Le premier numéro d'un nouveau webzine à propos d'OpenBSD](https://webzine.puffy.cafe/issue-1.html) !
|
||||
|
||||
J'ai bien envie de tenter OpenBSD :)
|
||||
|
||||
Reference in New Issue
Block a user