HTML : Différence entre versions

Version du 9 mars 2009 à 21:23

Pré-requis avant de demander de l'aide.

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

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

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 !

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 :

• alsacréations - Les DTD HTML4.01 et XHTML1.0 : comment choisir ? : Cet article vous donnera des informations plus détaillé sur chaque langage et les « Type de Document ».

Comment valider son code ?

• W3C Markup Validation Service (en) : Validateur de pages (malheureusement en anglais).

Apprendre le (X)HTML.

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

• alsacréations - Tous les tutoriels d'apprentissage (fr) : Plein de petits exercices pour débuter (XHTML et CSS).
• Le Site du Zéro - Apprenez à créer votre site web ! (fr) : Cours pour apprendre le XHTML et le CSS à partir de zéro.

Les communautés qui peuvent vous aider.

• GeckoZone - Développement web (fr) : Forum d'entraide pour les développeurs web. On peut aussi y trouver le l'aide pour Firefox, KompoZer, Thunderbird, etc.