145 votes

Avons-nous encore besoin de la fin des barres obliques dans le HTML5?

En HTML5, avons-nous encore besoin de la fin slash comme en XHTML?

<img src="some_image.png" />

validator.w3.org ne vous plaignez pas si je l'ai abandonné, pas même un avertissement. Mais certains en ligne des documents semblent indiquer que la fin slash est toujours nécessaire pour les balises img, lien, meta, br, etc.

110voto

Free Radical Points 432

En HTML 5, la barre oblique de fermeture est en option sur la nullité des éléments tels img (je suis en ajoutant ce parce que actuellement accepté de répondre seulement dit: "balises de fin ne doit pas être spécifié pour les nuls éléments", et ne tient pas compte de la fermeture des barres obliques dans le vide d'éléments).

Citant de http://www.w3.org/TR/html5/syntax.html#start-tags (numéro 6):

Ensuite, si l'élément est l'un des void éléments, ou si l'élément est un élément étranger, alors il peut y avoir un seul "/" (U+002F). Ce personnage n'a aucun effet sur vide éléments, mais sur des éléments étrangers, il marque le début de la balise que l'auto-fermeture.

87voto

Brian R. Bondy Points 141769

img tags sont Nuls Éléments de sorte qu'ils n'ont pas besoin de balise de fin.

Void éléments zone de, de base, br, col, de commande, les intégrer, les ressources humaines, img, input, keygen, lien, meta, param, la source, la piste, la cpcn

...

Void éléments seulement ont une balise de début; fin des balises ne doivent pas être spécifiés pour les nuls éléments.

W3C | WHATWG

Cela étant dit, il n'est pas stricte analyse en HTML5, donc il ne pourra pas faire de mal majeure.

3voto

minitech Points 87225

Nope. HTML a jamais besoin d'elle, avant même de HTML5. Si vous prévoyez d'utiliser le XHTML avec des fonctionnalités HTML, alors oui, c'est nécessaire.

2voto

Josh Lee Points 53741

Selon les Balises de Début ils sont facultatifs.

-14voto

user2666353 Points 1

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>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X