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 de mutarea prelungită în grădini lunare, alții sunt literalmente înfricoșați de 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 designerilor web, programatorilor și designerilor sunt mult mai în concordanță cu spiritul timpurilor decât orice "Nura Baba", care primește informații cu o întârziere de o săptămână și chiar și cu distorsiuni semnificative, situația reală se dovedește a fi oarecum diferită. Este destul de dificil să se potrivească nivelul progresului în sfera noilor tehnologii. Să luăm în considerare un exemplu simplu: în urmă cu 5-10 ani, dezvoltatorul de jocuri online pe Adobe Flash ar putea obține un succes tangibil, numeroși "Merry Farmers" sunt o confirmare. Cu toate acestea, chiar și astăzi, această tehnologie dispare 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" povestii noastre de astăzi, dedicată muncii cotidiene a coderului HTML.

Doctype HTML - ce este?

Acesta este un monument de înaltă tehnologie pentru victimele progresului tehnologic. Dashing 90-urile, care s-au distins nu numai de situația "de luptă" din țara noastră, ci și de un adevărat război de browsere, au adus în lume mai multe produse care le-au permis utilizatorilor de computere să exploateze expansiunea rețelei mondiale. Dar există doar o singură captură - populare, atunci Netscape Navigator și Internet Explorer au privit aceleași pagini în moduri diferite, iar 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ă-și inventeze propriile 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, dar 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 foarte bine o pagină absolut corectă din punctul de vedere al HTML, CSS și DOM, însă browserul preferat nu a afișat persistent ceea ce așteptați 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 am nevoie de Doctype în HTML?

Înainte de apariția unor standarde adecvate, care au început să meargă peste tot, mulți dezvoltatori de browsere au încercat să tragă pătratul peste ei înșiși, creându-și propriile metode de abordare a unei anumite tehnologii. Ca rezultat, aceeași pagină arăta diferită în diferite browsere. Cu toate acestea, am vorbit deja despre acest lucru, doar 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. Așa sa întâmplat că de cele mai multe ori petreceți în browser-ul Internet Explorer 4. Dintr-o dată, Microsoft decide să vă vadă simțurile și face noul browser mai "corect", ca urmare a faptului că nu devine clar cum să scrieți site-uri web și ce să faceți cu cei deja creat. Firește, dacă aveți suficient timp, puteți să rescrieți codul HTML astfel încât să fie conform cu noile standarde, dar oamenii sunt creaturi leneșe.

În acest moment, HTML-ul Doctype este cea mai relevantă "invenție". În funcție de ce tip de document este indicat la începutul paginii, browserul va alege cel mai potrivit pentru acest caz mecanismul de randare. Dacă nu există codul Doctype în codul HTML, browserul va intra în 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 mult despre asta mai târziu ...

Abordare strictă: Doctype Strict

Dacă preferați să creați cod HTML care să corespundă fiecărei litere a legii validatorului, atunci un stimulent suplimentar (altul decât 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 unui șablon public Doctype HTML Public asigură că orice deviere de la standard va fi observată de browser, după care eticheta incorect utilizată va fi ignorată. În mod special, în mod strict, orice etichetă, fie că este vorba de o formă, de o imagine sau de un alt element, trebuie să fie localizată în interiorul etichetelor de bloc. Dacă vă decideți să faceți acest lucru fără el, browserul pur și simplu nu afișează acest element, iar o listă cu erorile 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.

Abordarea umană: Doctype Transitional

În cazul în care 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, creând un șablon de tranziție care reprezintă un model tranzitoriu de abordare a 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 și-au pierdut relevanța de la sfârșitul anilor '90.

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

Pentru XHTML, linia pare din nou 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, trebuie să fiți atenți la următoarele - ultimul ș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, așa că rămâne doar să listați 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ă, astfel încât Doctype HTML 5 pare mai degrabă 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ă, devenind parte a HTML5-ului menționat mai sus, variațiile primei sale versiuni, în ciuda celei mai mari prevalențe, sunt vii și bine.

Este important Doctype?

Poate că unii "scriitori" novici pe HTML vor încerca să ignore declarația de tip pagină. Ei bine, dacă nu ar aduce 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ă "confundă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 pur și simplu 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, deci trebuie doar să rămânem în alertă sau, în mod ideal, să scriem cod care trece prin validare strictă. Mult noroc pentru tine!