Templating in HTML | Kitty Giraudel
mardi 25 octobre 2022 à 09:09L'élément template
pour créer des objets à cloner via javascript de façon plus sémantique que via des div
cachées.
avantages
- l'élément
template
est inerte: les styles ne s'appliquent pas, les images ne se chargent pas - pas de content model validation
- largement supporté (98%)
- le CSS qui cache un
div
peut échouer, être désactive ou redéfini ailleurs alors quetemplate
est toujours caché - les moteurs de recherche peuvent indexer des
div
cachées, pas lestemplate
(à priori)
Via https://nicolas-delsaux.hd.free.fr/Shaarli/?whpPuw
<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js">
<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});► Commentaires