Ποιος είναι ο σκοπός του ``?

Question

Ποιος είναι ο σκοπός του `<!DOCTYPE html>`?

Accepted Answer

`` είναι η πρώτη γραμμή ενός εγγράφου HTML. Λέει στον browser να κάνει render σε **standards mode** αντί για **quirks mode** (ένας παλιός τρόπος συμβατότητας με σφάλματα που προσομοιώνει φυλλομετρητές της δεκαετίας του 1990). ```html ... ``` ## Standards mode vs quirks mode Χωρίς το doctype, οι browsers επιστρέφουν στο **quirks mode**, το οποίο αλλάζει τη συμπεριφορά της διάταξης με εκπληκτικούς τρόπους — πιο διάσημο είναι το **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Άλλα quirks περιλαμβάνουν διαφορετική διαχείριση του line-height σε κελιά πίνακα, διαστήματα εικόνων και μονάδες CSS. Αυτές οι ασυνέπειες κάνουν το προσεκτικά γραμμένο CSS σας να κάνει render διαφορετικά, οπότε σχεδόν πάντα θέλετε standards mode. ## Γιατί είναι τόσο σύντομο τώρα Στο HTML4/XHTML το doctype ήταν ένα μεγάλο URL που αναφέρεται σε ένα DTD (Document Type Definition): ```html ``` Το HTML5 το απλοποίησε σε απλώς `` — δεν αναφέρεται πλέον σε DTD· είναι καθαρά ένας διακόπτης λειτουργίας που αναγνωρίζει ο browser. ## Γιατί είναι σημαντικό Πάντα συμπεριλάβετε `` ως την πρώτη γραμμή. Είναι μια εγγύηση μιας γραμμής ότι η σελίδα σας χρησιμοποιεί τους σύγχρονους, συνεπείς κανόνες απόδοσης που υποθέτει κάθε σεμινάριο CSS και framework — η παράλειψή της οδηγεί σε μπερδεμένες, δύσκολες στην αποσφαλμάτωση διαφορές διάταξης.