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

Bonjour

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

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">
 
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" :)
 
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
 
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 />
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut