<!DOCTYPE html> એક HTML દસ્તાવેજની પ્રથમ લાઇન છે. તે બ્રાઉজરને standards mode માં રેન્ડર કરવા માટે કહે છે quirks mode ની જગાએ (એક જૂનો bug-compatible મોડ જે 1990s ની બ્રાઉજર્સનું અનુકરણ કરે છે).
...
Doctype વિના, બ્રાઉજર્સ quirks mode પર પાછા ફરે છે, જે લેઆઉટ આચરણમાં આશ્ચર્યજનક રીતે ફેરફાર કરે છે — સૌથી વધુ box model :
Quirks mode: width includes padding + border (old IE box model)
Standards mode: width is the content box (CSS spec) — predictable
અન્ય quirks માં table cells માં line-height ની અલગ હેન્ડલિંગ, image spacing અને CSS units શામેલ છે. આ અસંગતિઓ તમારા સાવચેતીથી લખેલા CSS ને અલગ રીતે રેન્ડર કરવા માટેનું કારણ બને છે, તેથી તમે લગભગ હમેશા standards mode ચાહો છો.
HTML4/XHTML માં doctype એક લાંબો URL હતો જે DTD (Document Type Definition) નો સંદર્ભ આપતો હતો:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "...dtd">
HTML5 એ તેને <!DOCTYPE html> માત્ર સુધી સરળ બનાવ્યું — તે હવે DTD તરફ નિર્દેશ કરતો નથી; તે ફક્ત એક મોડ સ્વીચ છે જે બ્રાઉજર ઓળખે છે.
હમેશા <!DOCTYPE html> ને પ્રથમ લાઇન તરીકે શામેલ કરો.
તે એક-લાઇન ગ્યારંટી છે કે તમારું પૃષ્ઠ આધુનિક, સુસંગત રેન્ડરિંગ નિયમોનો ઉપયોગ કરે છે જે દરેક CSS ટ્યુટોરિયલ અને ફ્રેમવર્ક માને છે — તેને છોડી દેવું મૂંઝવણભર્યું, ડીબગ કરવું મુશ્કેલ લેઆઉટ તફાવતોમાં દોરી જાય છે.