HTML

De Raccourcis

Pré-requis avant de demander de l'aide.[modifier]

Si vous vous rendez sur un forum ou un site pour demander de l'aide. Si vous voulez économiser du temps et surtout avoir une réponse plutôt claire, il est préférable d'avoir une page valide pour commencer à réfléchir à comment la corriger.

Sur une pages invalides, les problèmes peuvent être dépendantes de l'interprétation de chaque navigateur à corriger par lui-même les erreurs de code. Plus il y en a, moins vous aurez de chance d'avoir la même chose sur chaque navigateur. Chacun a un niveau différent de tolérance aux erreurs. Le navigateur Opera est connu pour être le moins permissif aux erreurs.

Copier du contenu depuis l'extérieur[modifier]

Si vous récupérez un texte ou du contenu venant d'un logiciel qui n'a pas vocation à faire des pages web, il est très probable que le code récupérer soit saturer d'informations nuisibles qui rendront votre code soit totalement inutilisable, soit difficile a faire évoluer.

Par exemple avec KompoZer, il est préférable de faire des « copies sans mise en forme » et la refaire à la main ou de supprimer la mise en forme du sélection (moins efficace mais permet d'intégrer des éléments autres que textuel). Par exemple, propose pose plusieurs façons.

Mettre à niveau une page obsolète[modifier]

Cela passe souvent par une mise à niveau de tout mise en forme. Beaucoup de logiciel WYSIWYG généré du code peu cohérent. La sur-imbrication peut entrainer des problèmes de rendu et surtout l'impossibilité de mettre à jour le contenu de façon simple. Certains logiciels propose de faire un nettoyage de code, ou une génération automatique de feuille de style à partir du code. Cela permet parfois de réduire les dégâts. Si la mise en forme est trop obsolète, il est préférable d'opérer comme pour un contenu extérieur et repartir à zéro.

  • Dans Notepad ++ : « Barre de menu : TextFX ⇒ TextFX HTML Tidy » donne plusieurs possibilités de mise en forme automatique de votre code.
  • Avec KompoZer : L'extension HandeCoder avec Tidy permet de corriger les erreurs de code et rend le code plus clair.

Avoir un code valide ![modifier]

Lors de la création d'un site est importants de garder une cohérences. Ne pas passer du HTML au XHTML qui sont deux langages différents dans une même page (et même d'un page à l'autre). Même si ils se ressemble, il y a beaucoup de différences qui peuvent entrainer des erreurs.

  • Le HTML est historiquement le plus ancien et aussi celui qui à la structure la plus souple. C'est aussi à cause de cette souplesse que beaucoup d'erreurs interviennent.
  • Le XHTML est très strict et basé sur le langage XML. Il est plus « compliqué » à écrire, car il demande plus attention, mais cela est aussi à son avantage quand il s'agit de le corriger.

Pour plus d'information :

Comment valider son code ?[modifier]

Apprendre le (X)HTML.[modifier]

Il existe beaucoup de sites pour apprendre le HTML ou le XHTML (et généralement le CSS).

Les communautés qui peuvent vous aider.[modifier]