2014-04-22 17 views
7

Quindi sto lavorando su diversi progetti con html e talvolta mi dimentico di inserire <!DOCTYPE html>. Farà grandi o notevoli cambiamenti?Cosa succede se non metto un <! DOCTYPE html> nel mio codice? Farà grandi cambiamenti?

+1

Può, sì. Puoi finire nelle modalità di compatibilità del browser. In che modo ciò influenza la tua pagina dipende da cosa c'è. – Brad

+2

Finirai nella temuta "stranezza", un luogo rotto e mal definito. Vedi [Quirks mode e strict mode] (http://www.quirksmode.org/css/quirksmode.html). Per una moderna pagina HTML, dovrebbe essere sempre presente un DOCTYPE [HTML5]. – user2864740

risposta

12

La dichiarazione deve essere la prima cosa nel documento HTML, prima del tag.

La dichiarazione non è un tag HTML; è un'istruzione per il browser web su quale versione di HTML è scritta la pagina.

Un sacco di IDE consentono agli utenti di lasciare questo fuori e semplicemente di default a un determinato stile HTML, ma lasciandolo fuori pone un potenziale minaccia nella compatibilità del browser e l'uso di versioni precedenti di HTML.

Per esempio: le nuove caratteristiche & tag in HTML5 come < article>, < piè di pagina>, < header>, < nav>, < sezione> potrebbero non essere supportate se il doctype non è dichiarato.

Inoltre, il browser può decidere di passare automaticamente in modalità Quirks o Strict.

+0

Questo articolo potrebbe essere utile, completando l'ultima parte della risposta :): http://jkorpela.fi/quirks-mode.html – ivanleoncz

4

DOCTYPE sono necessari per motivi legacy.

Quando omessi, i browser tendono a utilizzare una modalità di rendering diversa che è incompatibile con alcune specifiche.

L'inclusione di DOCTYPE in un documento garantisce che il browser effettui il tentativo migliore per seguire le specifiche pertinenti.

per maggiori dettagli: http://www.w3.org/TR/html5/syntax.html

0

Nei documenti HTML, i browser utilizzare un DOCTYPE all'inizio del documento per decidere se gestire in modalità quirks mode o al buon.

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

Se il tipo di documento non viene menzionato, il browser passa alla modalità non standard. La modalità Quirks dipende dalla versione del browser Web, Se la versione precedente non supporta i tag HTML5 (Esempio: tag header, tag footer, tag sezione, ...)

Per vedere i diversi tra la modalità Quirks e standard modalità visita: https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode

Se volete provare questo uno utilizzare il codice qui sotto con e senza

<!DOCTYPE html> 

nel tuo browser più vecchi come IE 8 o precedente

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

// Nota: nel codice sopra src = "inserisci il tuo collegamento video mp4 locale nel tuo computer"