Doctype HTML - ce este? Ce trebuie să știți despre element

Oricare ar spune scepticii, progresul este încă un fenomen care nu poate fi oprit. Cu toate acestea, în timp ce unii sunt indignați față de mutarea prelungită în grădini lunare, alții chiar în panică, pentru a ține pasul cu schimbările devin din ce în ce mai dificili. Un exemplu de astfel de "capturare" sunt reprezentanți ai profesiilor asociate cu tehnologie de vârf.

În timp ce majoritatea web designeri, programatori și programatori sunt mult mai potrivite pentru spiritul timpului, mai degrabă decât orice „Nura Baba“, care primește informații de la săptămâna târziu, dar încă cu distorsiuni considerabile, realitatea este oarecum diferită. Este destul de dificil să se potrivească nivelul progresului în sfera noilor tehnologii. Luați în considerare un exemplu simplu: cu aproximativ 5-10 ani în urmă, dezvoltatorul de jocuri online pe Adobe Flash a putut obține un succes tangibil, numeroși "Merry Farmers" sunt o confirmare. Cu toate acestea, chiar și astăzi, această tehnologie se estompează treptat, dând loc unei majorități de bază HTML5 mai moderne, dar mai puțin studiate. Apropo, este HTML5 și este unul dintre "personajele" povestirii noastre de azi, dedicată muncii cotidiene a codorului HTML.

Doctype HTML - ce este?

Este un monument de înaltă tehnologie pentru victimele progresului tehnologic. Dashing 90-uri, care diferă nu numai în situația de "luptă" din țara noastră, ci și un adevărat război de browsere, au adus în lume mai multe produse care au permis utilizatorilor de computere să ardă expansiunea rețelei mondiale. Aceasta este o singură captură - populară, atunci Netscape Navigator și Internet Explorer au privit aceleași pagini în moduri diferite și, respectiv, creatorii site-urilor au creat pagini complet diferite pentru aceste programe.

Standarde? În acei ani, era inutil să vorbim despre ei - W3C era în fază incipientă, iar Microsoft, care și-a promovat IE, era renumit că prefera să inventeze propriile sale biciclete care erau incompatibile cu orice. Cu toate acestea, până la sfârșitul deceniului teribil (pentru dezvoltatorii web), situația era încă normală: au apărut o serie de standarde care, deși nu în totalitate, erau totuși respectate de toate browserele populare.

Cu toate acestea, situația sa dovedit a fi de așa natură încât standardele consorțiului și ale producătorilor de browsere nu s-au dovedit a fi la fel. Puteți crea destul de absolut corect din punctul de vedere al HTML, CSS și pagina DOM, dar browserul dvs. preferat nu a afișat persistent ceea ce ați așteptat să vedeți.

Cu toate acestea, timpul a trecut, dezvoltatorii în cele din urmă a decis să se gândească nu numai despre concurență, dar, de asemenea, despre webmasteri, și a apărut - Doctype HTML. Acesta este un nume de etichetă special care îi spune browserului cum să vizualizeze o anumită pagină.

De ce Doctype în HTML?

Înainte de apariția unor standarde adecvate, care au început să urmeze pretutindeni, mulți dezvoltatori de browsere au încercat să tragă păturăul peste ei înșiși, creându-și propriile metode de abordare a unei anumite tehnologii. Ca rezultat, aceeași pagină părea diferită în diferite browsere. Cu toate acestea, am vorbit deja despre acest lucru, dar nu am menționat că, atunci când producătorii de programe pentru navigarea pe Internet și-au dat seama, a apărut o altă, nu mai puțin interesantă problemă.

Imaginați-vă situația: sunteți un dezvoltator web tipic de la sfârșitul anilor 90. Este doar așa sa întâmplat că cea mai mare parte a timpului petrecut în browser-ul Internet Explorer 4. Microsoft decide să vină dintr-o dată mintea la cap și să facă noul browser-ul este mai „corectă“, prin care nu este clar cum este acum pentru a crea site-uri și ce să facă cu cei care au deja creat. Firește, dacă aveți suficient timp, puteți să vă rescrieți codul HTML astfel încât să îndeplinească noile standarde, dar oamenii sunt creaturi leneșe.

În acest moment, Doctype HTML este cea mai potrivită "invenție". În funcție de ce tip de document este indicat în partea de sus a paginii, browserul va selecta cel mai potrivit mecanism de redare pentru cazul dat. Dacă nu există codul Doctype în codul HTML, browserul va merge la modul de compatibilitate (de regulă, dar nu neapărat). Ca rezultat, același Internet Explorer 6 (chiar dacă este o arhivă, va fi în jos) în absența etichetei Doctype se comportă ca și cum ați lucra în a patra versiune.

Tipuri de Doctype

Eticheta Doctype are mai multe soiuri care pot fi împărțite în anumite categorii. În primul rând, descrie principalele tipuri de limbaj de markup: HTML 4.01, HTML 5, XHTML 1.0 sau XHTML 1.1. În al doilea rând, fiecare dintre aceste limbi are propriile subsecțiuni, indicând "coeficientul de identificare a erorilor", adică, cât de rigid este codul HTML stabilit de standardele W3C. Este adevărat că în al doilea caz există două excepții - HTML5 și XHTML 1.1 nu au subspecii și au doar o singură formă de Doctype HTML. Dar mai multe despre asta mai târziu ...

Abordare strictă: Doctype Strict

Dacă preferați să creați cod HTML corespunzător fiecărei litere din legea validatoare, atunci un stimulent suplimentar (pe lângă propriul dvs. interes) poate fi utilizarea Doctype Strict. Dacă intenționați să utilizați XHTML 1.0 mai avansat, linia cu care va începe fiecare element ar trebui să arate astfel:

Alegerea DOCTYPE HTML șablon public strict asigură faptul că orice abatere de la standard va fi observat de către browser-ul, iar apoi a folosit tag-ul greșit este ignorat. În mod special, în mod strict, orice etichetă, fie că este vorba despre o formă, o imagine sau un alt element, trebuie să fie localizată în interiorul etichetelor de bloc. Dacă decideți să o faceți fără ea, browserul nu va afișa acest element, iar o listă de erori de aspect va fi completă cu câteva intrări.

În plus, un număr de etichete care vă permit să formatați textul, este, de asemenea, de dorit să excludeți - modul strict implică utilizarea CSS.

Abordare umană: Doctype Transitional

Dacă metoda strictă a șabloanelor severe nu vă convine sau dacă sunteți pur și simplu obișnuiți să mergeți împotriva regulilor, există întotdeauna posibilitatea de a recurge la un tip mai uman de Doctype HTML Public. W3C a avut grijă de cei care nu doresc să renunțe la obiceiurile lor și doresc să lucreze în condiții mai blânde prin crearea unui șablon de tranziție care reprezintă un model tranzitoriu al abordării validării. Acest șablon vă oferă posibilitatea de a vă permite liber anumite libertăți, cum ar fi etichetele care sunt interzise de șablonul strict, precum și multe alte abordări ale aspectului care nu au pierdut relevanța de la sfârșitul anilor `90.

"Soft" Doctype HTML 4 este declarată după cum urmează:

Pentru XHTML, linia arată din nou puțin diferită, dar tendința generală rămâne:

Până în prezent, în ciuda faptului că fiecare aspect încearcă să se potrivească cu șablonul Strict, Doctype-ul de tranziție este cel mai popular. Cu toate acestea, acest șablon are o limitare condiționată: validatorul va "respinge" toate paginile în care există cadre. Dacă trebuie să recurgeți la această metodă de aspect, ar trebui să acordați atenție următoarelor - ultimului șablon.

De la general la specific: Doctype Frameset

Abordarea pentru verificarea paginii pentru potrivirea șablonului Frameset este, în general, similară cu cea a lui Transitional, însă, în plus față de "libertățile" enumerate mai sus, acest șablon vă oferă posibilitatea de a utiliza cadre. Frameset nu are alte diferențe, deci rămâne doar să enumerăm liniile pentru anunțuri, pentru HTML 4.01 și pentru XHTML 1.0:

La marginea progresului

Firește, după ce am menționat la începutul acestui articol toate standardele HTML5 care câștigă popularitate, nu am putut ignora acest limbaj de markup. Este amuzant faptul că W3C consideră această versiune HTML cea mai importantă, deci Doctype HTML 5 pare destul de modestă. Cu alte cuvinte, această definiție de tip înseamnă că browserul trebuie să funcționeze cu HTML "curat", care HTML5 este considerat astăzi, în timp ce a patra versiune, care este obișnuită pentru mulți, este considerată a fi potențial depășită.

Alte soiuri de Doctype

Până în prezent, există mai multe varietăți de template-uri Doctype, cele mai multe despre XHTML. În timp ce a doua versiune a acestei limbi de marcare nu a ieșit niciodată la lumină, făcând parte din HTML5, variațiile primei sale versiuni, în ciuda celei mai mari prevalențe, sunt vii și bine.

Doctype este important?

Poate că unii "scriitori" novici pe HTML vor încerca să ignore declarația de tip pagină. Ei bine, dacă nu au adus informații importante din cele de mai sus, să oferim un exemplu simplu. Iată un exemplu de pagină care utilizează șablonul de tranziție:

Totul arată așa cum ar trebui să arate un designer, dar trebuie să "amestecăm" Doctype și vom obține următoarele:

După cum puteți vedea, pagina a suferit modificări semnificative: imaginea de fundal a dispărut, meniul a devenit o listă mutilată, unele clase CSS sunt ignorate, în plus, pagina are o a doua bară de derulare.

Sperăm că acest exemplu este suficient de accesibil pentru a explica importanța celor de mai sus, de aceea trebuie doar să rămânem în alertă sau, în mod ideal, să scriem cod care trece validarea strictă. Mult noroc pentru tine!