TOUTES les balises doivent être fermées (soit en étant à fermeture automatique, ou par une autre clôture de l'action). Certains sont à fermeture automatique en HTML4 (comme l' <img>
tag) tandis que d'autres (comme l' <p>
tag) requièrent des balises de fermeture. Rappelez-vous TOUTES les balises doivent être fermées ou dans le navigateur (si elle est stricte conformité) aura des erreurs. Cela signifie que même les balises qui n'ont pas de contenu entre ouverture et de fermeture, DOIVENT être fermées d'une manière ou d'une autre. Ci-dessous je vais examiner l' <img>
balise comme il n'a pas de contenu entre l'ouverture et la fermeture.
En HTML4, c'est à fermeture automatique. Cela ne veut pas dire qu'il ne ferme pas, rappelez-vous que TOUTES les balises doivent être fermées. Il se ferme de lui-même par sa présence. Donc, en HTML4 l' <img>
balise est tout simplement:
<img>
En XHTML, il n'est PAS à fermeture automatique. Cela signifie que vous devez fournir une balise de fermeture séparée comme ceci:
<img></img>
Puis en HTML5, quelqu'un a finalement obtenu intelligent et décidé de faire la fermeture d'une balise qui n'ont pas de contenu entre l'ouverture et la fermeture, une tâche très simple. Utiliser une seule balise, mais ont un slash avant le signe "supérieur à", comme ceci:
<img />
C'est également entièrement compatible avec HTML4. Si vous n'utilisez pas le XHTML (ce qui nécessite une balise de fermeture séparée) et n'êtes pas certain si votre code à l'aide de HTML4 ou normes HTML5. Votre meilleur pari est de TOUJOURS se terminer par une barre oblique avant le signe supérieur pour les balises qui n'ont pas de contenu entre l'ouverture et la fermeture. De cette façon, il sera TOUJOURS afficher correctement dans TOUS les navigateurs.
Voici un exemple d'écrit correctement le code HTML qui est a un degré élevé de compatibilité avec tous les navigateurs.
<!DOCTYPE html>
<html>
<head>
<title>test website</title>
</head>
<body>
<p>This is a test.</p>
<img src="testpic.jpg" />
</body>
</html>