Fermeture des balises meta, input, img etc. en HTML5

noren · 6 Avril 2015

Bonjour

J'ai un peu du mal à savoir quand fermer ou non les balises html en html5

Faut-il mettre :

Code:

<meta name="description" content="la description" />
<link rel="canonical" href="lien" />

ou

Code:

<meta name="description" content="la description">
<link rel="canonical" href="lien">

D'après le W3C, Il me semble que c’est la seconde syntaxe (In HTML the <meta> tag has no end tag.), mais quand je vais sur des sites comme alsacreation (entre autre) et que je regarde leur code source ils mettent toujours "/>"

Même question pour :

Code:

<input type="text" name="lenom" />

ou

Code:

<input type="text" name="lenom">

Furtif · 6 Avril 2015

Pour faire simple, ça dépend du doctype utilisé.

En HTML les balise se ferment par ">"
En XHTML c'est par "/>"

J'ai précisé "pour faire simple"

noren · 6 Avril 2015

ok

Donc j'ai bien compris?

Si mes pages commencent de cette façon :

Code:

<!DOCTYPE html>
<html lang="fr">
   <head>
	 <meta charset="utf-8">

je suis bien sur du HTML (5) et je ne dois pas fermer les balises meta, img etc. ? c’est bien ça?
Et pareil pour les input?

Quand je regarde le code source, même des plus gros sites, j'ai l'impression que la plupart sont bourrés d'incohérences

rick38 · 6 Avril 2015

En HTML 5, on peut fermer par > ou /> au choix, les deux sont bons dans la description du standard.
En HTML 4, c'est >
Et en XHTML c'est />

noren · 7 Avril 2015

ok parfait merci à tous les 2 :wink: