Journal d'un Terrien

Web log de Serge Boisse

On line depuis 1992 !

Publicité
Si cette page vous a plu, Copiez son adresse et partagez-la !
http://sboisse.free.fr/programmation/languages/HTML/trucs HTML remarques.php
Savez-vous quels sont les articles les plus vendus sur Amazon.fr ?
trucs HTML remarqués

Trucs HTML remarqués

Pasted image 20250219213846.png Un fourre-tout sur des petites astuces pour la programmation en HTML

Voir aussi:

bac à sable

pour tester html, css, et json ! : codesandbox vanilia (page web)

trigger button click on input enter

html éléments que je ne connaissais pas

<nav>
<main>
<section>
<aside>
<marquee> (qui est deprecated mais marche encore très bien)
Super!

scripts async et defer : quelle différence ?

inclure des icônes dans la page

inclure un fichier html dans une page HTML !

Une méthode est donnée ici : # How TO - Include HTML (page web)

en gros, si le fichier à inclure est content.html, alors à l'endroit où on vent l'inclure on met le code <div HERE-include-html="content.html"></div>

En fin de page, on inclut le script

<script>  
function includeHTML() {  
  var z, i, elmnt, file, xhttp;  
  /* Loop through a collection of all HTML elements: */  
  z = document.getElementsByTagName("*");  
  for (i = 0; i < z.length; i++) {  
    elmnt = z[i];  
    /*search for elements with a certain atrribute:*/  
    file = elmnt.getAttribute("HERE-include-html");  
    if (file) {  
      /* Make an HTTP request using the attribute value as the file name: */  
      xhttp = new XMLHttpRequest();  
      xhttp.onreadystatechange = function() {  
        if (this.readyState == 4) {  
          if (this.status == 200) {elmnt.innerHTML = this.responseText;}  
          if (this.status == 404) {elmnt.innerHTML = "Page not found.";}  
          /* Remove the attribute, and call this function once more: */  
          elmnt.removeAttribute("HERE-include-html");  
          includeHTML();  
        }  
      }  
      xhttp.open("GET", file, true);  
      xhttp.send();  
      /* Exit the function: */  
      return;  
    }  
  }  
}  
</script>

et en fin de page,

<script>  
includeHTML();  
</script>

à noter que si on a une seule inclusion à faire (une seule div avec l'attribut HERE-include-html, on n'est pas obligé de rappeler récursivement la fonction includeHTML()

HTML dans obsidian

il est possible d'inclure du html dans le Copier du HTML en markdown d'obsidian :

La suite...

Publicité
Commentaires

Commentaires (0) :

Page :



Ajouter un commentaire (pas besoin de s'enregistrer)

Pseudo :
Message :


image de protection
En cliquant sur le bouton "Envoyer" vous acceptez les conditions suivantes : Ne pas poster de message injurieux, obscène ou contraire à la loi, ni de liens vers de tels sites. Respecter la "netiquette", ne pas usurper le pseudo d'une autre personne, respecter les posts faits par les autres. L'auteur du site se réserve le droit de supprimer un ou plusieurs posts à tout moment. Merci !
Ah oui : le bbcode et le html genre <br>, <a href=...>, <b>b etc. ne fonctionnent pas dans les commentaires. C'est voulu.
< Retour en haut de la page