web-dev-qa-db-fra.com

Que se passe-t-il si je ne mets pas de <! DOCTYPE html> dans mon code? Va-t-il apporter des changements majeurs?

Je travaille donc sur plusieurs projets avec html, et parfois j'oublie de mettre <!DOCTYPE html>. Va-t-il apporter des changements importants ou notables?

htmldoctype
16
Maxemoss

Le <!DOCTYPE> la déclaration doit être la toute première chose dans votre document HTML, avant la balise.

Le <!DOCTYPE> la déclaration n'est pas une balise HTML; il s'agit d'une instruction destinée au navigateur Web sur la version de HTML dans laquelle la page est écrite.

De nombreux IDE permettent aux utilisateurs de laisser cela de côté et de choisir par défaut un certain style HTML, mais le laisser ne constitue une menace potentielle pour la compatibilité du navigateur et l'utilisation des anciennes versions de HTML.

Par exemple: nouvelles fonctionnalités et balises en HTML5 telles que <article>, < footer >, <header>, <nav>, <section> peut ne pas être pris en charge si <!DOCTYPE> n'est pas déclaré.

En outre, le navigateur peut décider automatiquement passez en mode Quirks ou Strict.

21
steviejay

Les DOCTYPE sont requis pour des raisons héritées.

Lorsqu'ils sont omis, les navigateurs ont tendance à utiliser un mode de rendu différent qui est incompatible avec certaines spécifications.

L'inclusion du DOCTYPE dans un document garantit que le navigateur s'efforce de suivre les spécifications pertinentes.

pour plus de détails: http://www.w3.org/TR/html5/syntax.html

4
M.chaudhry

Dans les documents HTML, les navigateurs utilisent un DOCTYPE au début du document pour décider de le gérer en mode bizarreries ou en mode standard.

<!DOCTYPE html> // Tells the browser that we are using HTML5.

Si le type de document n'est pas mentionné, le navigateur passera en mode Quirks. Le mode Quirks dépend de la version du navigateur Web, s'il s'agit d'une version plus ancienne, cela ne prendra pas en charge les balises HTML5 (exemple: balise d'en-tête, balise de pied de page, balise de section, ...)

Pour voir les différences entre le mode Quirks et le mode Standard, visitez: https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode

Si vous voulez essayer celui-ci, utilisez le code ci-dessous avec et sans

<!DOCTYPE html>

dans votre ancien navigateur comme IE 8 ou antérieur

   `<video controls>
       <source src="../videos/big_buck_bunny.mp4" type="video/mp4">
       <p>Your browser does not support H.264/MP4.</p>
    </video>`

// Remarque: Dans le code ci-dessus src = "donnez votre lien vidéo mp4 local sur votre ordinateur"

4
Muthu Kumar