10 erreurs HTML

10 erreurs HTML à éviter

Temps de lecture: 3 minutes

Quand on débute en programmation web, on commence forcément par apprendre HTML.

Bien qu’il soit relativement facile, il y a quelques erreurs qu’il faut éviter quand on utilise ce langage de balisage. Les voici:

1. Ne placez pas les éléments qui sont par en Block dans les éléments par défaut en Inline

Un élément HTML est affiché par défaut en tant que bloc ou en ligne. Les éléments de bloc, tels que divs et paragraphes, constituent la structure du document. Les éléments en ligne résident dans ces blocs, tels que les balises anchor (lien) et span. Donc, vous ne devriez jamais mettre des éléments blocs à l’intérieur d’éléments inline.

Mauvais:



		


Correct:



		


2. Toujours avoir l’attribut alt pour les balises d’image

L’attribut ALT est obligatoire pour les balises IMG, il décrit le contexte de l’image. Il aide votre utilisateur sur un lecteur d’écran ou avec une connexion lente à décider si l’image est importante ou non. Cela permet également au robot d’indexation d’indexer mieux votre contenu. Si les images sont juste pour montrer, utilisez un attribut ALT vide comme alt = « ”

Mauvais:



		



Correct:



		


3. N’utilisez pas de sauts de ligne pour afficher une liste

Si vous ne souhaitez pas afficher une liste d’éléments dans un ordre à puces ou numéroté, n’utilisez jamais de sauts de ligne. Utilisez pour cela les balises <ul> de la liste non ordonnée ou <ol> de la liste ordonnée.

Mauvais:



		



Correct:



		


4. N’utilisez pas <b> et <i> pour les caractères gras et en italique

<b> et <i> sont utilisés pour les textes en gras et en italique. Cependant, sémantiquement, ils sont classés en tant que balises de présentation. Vous devriez plutôt utiliser les propriétés CSS font-weight et font-style à ces fins, respectivement. Si les raisons pratiques imposent d’appliquer les styles sur le document, utilisez plutôt <strong> et <em>. Ils font le même travail que <b> et <i> mais sont sémantiquement corrects.

Mauvais:



		


Correct:



		


5. Ne pas utiliser plusieurs sauts de ligne

La balise de saut de ligne de <br /> ne doit être utilisée que pour insérer des sauts de ligne simples dans le flux de texte de paragraphe afin de mettre un mot particulier sur une nouvelle ligne. Il ne doit pas être utilisé pour créer des espaces entre les éléments, mais plutôt pour scinder le texte en paragraphes séparés.

Mauvais:



		


Correct:



		


6. Évitez les styles à l’intérieur des balises

Vous avez probablement entendu cela beaucoup de fois auparavant. L’intérêt des codes HTML et CSS sémantiques est de séparer la structure et le style du document, il n’y a donc aucun sens de placer le style directement dans le document HTML.

Mauvais:



		


Correct:



		


7. Ne pas ajouter (ou supprimer) l’attribut border en HTML

L’attribut Border est également une balise de présentation et doit être laissé sémantiquement pour être modifié dans le CSS plutôt que dans le document HTML.

Mauvais:



		


Correct:



		


8. N’utilisez jamais <blink> ou <marquee>

Ces balises n’ont jamais été incluses dans le standard HTML officiel du consortium W3C. En dehors de cela, leur utilisation est considérée comme laide et peu impressionnante. Si vous devez attirer l’attention sur une certaine partie de votre document, utilisez une autre approche d’une manière moins choquante.W

9. Évitez d’utiliser des éléments obsolètes

Certains anciens balises et attributs HTML ont été déclarés obsolètes par le consortium W3C. Bien que les navigateurs modernes les prennent actuellement en charge, ils pourraient ne plus l’être à l’avenir. Consultez cet article qui répertorie presque tous les éléments déconseillés.

10. N’oubliez pas de mettre le DOCTYPE

Le Doctype décrit le type de HTML que vous utilisez. Si ce n’est pas là, vous ne saurez pas si votre code est valide. 
Enfin, utilisez l’aide du validateur HTML / CSS en ligne pour trouver des failles dans votre code. Voici les liens pour quelques-uns d’entre eux:

Et voilà ! C’est ce que je voulais partager avec vous. Avez-vous d’autres erreurs en tête ? Partagez-les dans les commentaires ci-dessous

  • Merci d’avoir lu !  Si vous avez aimé cet article,
  • Faites un coucou sur : Instagram | Facebook | Twitter |
  • Avez-vous besoin d’aide pour votre projet web ? Ecrivez moi à l’adresse suivante : david@oschool.ci
  • Téléchargez gratuitement mes livres ici.
Deviens toi aussi développeur web !
I agree to have my personal information transfered to MailChimp ( more information )
Commences ta carrière de développeur web, GRATUITEMENT, ici et maintenant !
Je hais les sapms. Votre adresse email ne sera jamais vendu ou partagé avec un tiers

Also published on Medium.

Partages à tous tes amis !

One thought on “10 erreurs HTML à éviter

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.