Doctype HTML - što je to? Što trebate znati o elementu

Bez obzira na skeptike, napredak je i dalje fenomen koji se ne može zaustaviti. Međutim, dok su neki ogorčeni zbog produljenog premještanja na mjesečeve dače, drugi doslovce paniču, kako bi ostali u korak s promjenama postaju sve teže. Primjer takvog "ulaska" su predstavnici zanimanja povezanih s visokom tehnologijom.

Dok većina web dizajnera, programera i koderi su puno bolje prilagođen duhu vremena, nego bilo koji „Nura Babe”, koji prima podatke od tjedan kasno, ali ipak sa značajnim distorzije, stvarnost je nešto drugačija. Prilično je teško podudarati razinu napretka u sferi novih tehnologija. Razmislite o jednostavnom primjeru: prije nekih 5-10 godina programer mrežnih igara na usluzi Adobe Flash mogao postići opipljiv uspjeh, brojni "Merry Farmers" su potvrda. Međutim, čak i danas, ta tehnologija postupno izumire, čime se oslobađa modernom ali manje proučenom osnovnom većinom HTML5. Usput, to je HTML5 i jedan je od "likova" današnje priče, posvećen svakodnevnom radu HTML kodera.

Doctype HTML - što je to?

To je visoko tehnološki spomenik žrtvama tehnološkog napretka. Poletan 90-s, koji se razlikuju ne samo „borbeni” situacija u našoj zemlji, ali i prilično pravi rat preglednika, donijela na svijet samo nekoliko proizvoda koji omogućuju korisnicima računala za surfanje na World Wide Webu. To je samo jedan ulov - popularan, a Netscape Navigator i Internet Explorer gledali su iste stranice na potpuno drugačije načine, a kreatori web stranica stvorili su potpuno različite stranice za te programe.

Standardima? U tim godinama, govoriti o njima je besmisleno - W3C je postojala u povojima, i promovirati svoj IE Microsoft općenito poznato da radije izmisliti vlastitu, nisu kompatibilni s ničim bicikle. Ipak, do kraja tog užasnog (za web programere) deset godina, situacija se vratio u normalu nakon svega: tamo je bio neki privid standarda koji, ako ne u potpunosti, ali još uvijek poštuju svim popularnim preglednicima.

Međutim, stanje stvari pokazalo se tako da su se standardi konzorcija i proizvođača preglednika pokazali kao da nisu svi isti. Mogli biste stvoriti apsolutno točnu s gledišta HTML, CSS i DOM, ali vaš željeni preglednik neprestano nije pokazivao ono što ste očekivali.

Ipak, vrijeme je prošlo, programeri konačno odlučili misliti ne samo o konkurenciji, ali i o webmasterima, a on se pojavio - Doctype HTML. Ovo je posebna oznaka koja govori pregledniku o tome kako pregledati određenu stranicu.

Zašto Doctype u HTML-u?

Prije pojave odgovarajućih standarda, koji su počeli pratiti svugdje, mnogi programeri preglednika pokušali su povući pokrivač na sebe, stvarajući vlastite metode pristupa određenoj tehnologiji. Kao rezultat toga, ista stranica izgledala je različito u različitim preglednicima. Međutim, već smo razgovarali o tome, ali jednostavno nismo spomenuli da kada su proizvođači programa za web surfanje došli do njihovih osjetila, uslijedio je još jedan, manje zanimljiv problem.

Zamislite situaciju: vi ste tipični web developer krajem 90-ih godina. To samo tako se dogodilo da je većinu vremena ćete potrošiti u pregledniku Internet Explorer 4. Microsoft je odluči iznenada dolazi do svojih osjetila i učiniti vaš novi preglednik je više „ispravan”, pri čemu nije jasno kako je to sada stvoriti stranice i što učiniti s onima koji su već stvorio. Naravno, ako imate dovoljno vremena, možete prepisati svoj HTML kôd na takav način da zadovolji nove standarde, ali ljudi su lijeni bića.

To je u ovom trenutku da je Doctype HTML najprikladniji "izum". Ovisno o vrsti dokumenta koji se nalazi na vrhu stranice, preglednik će odabrati najprikladniji mehanizam za prikazivanje za određeni slučaj. Ako u HTML kôdu nema Doctype, preglednik će ići kompatibilnost (u pravilu, ali ne nužno). Kao rezultat toga, isti Internet Explorer 6 (čak i ako se radi o arhivi, bit će dolje) u odsustvu oznake Doctype se ponaša kao da radite u svojoj četvrtoj verziji.

Vrste Doctypea

Doctype oznaka ima nekoliko vrsta koje se mogu podijeliti u određene kategorije. Prvo, opisuje glavne vrste markupnog jezika: HTML 4.01, HTML 5, XHTML 1.0 ili XHTML 1.1. Drugo, svaki od tih jezika ima svoje pododjeljke, koji upućuju na "koeficijent pronalaženja grešaka", tj. Koliko je čvrsto HTML kod postavljen standardima W3C. Istina, u drugom slučaju postoje dvije iznimke - HTML5 i XHTML 1.1 nemaju podvrste i imaju samo jedan oblik Doctype HTML. Ali više o tome poslije ...

Strogi pristup: Doctype Strict

Ako želite izraditi HTML kôd koji odgovara svakom pismu zakona o potvrđivanju, onda dodatni poticaj (osim vašeg interesa) može biti upotreba Doctype Strict. Ako namjeravate koristiti napredniji XHTML 1.0, linija s kojom će svaki element započeti izgleda ovako:

Odabir strojeg javnog predloška Doctype HTML omogućuje da preglednik primijetiti sva odstupanja od standarda, nakon čega će se pogrešno upotrebljavana oznaka zanemariti. Konkretno, u strogom načinu, bilo koja oznaka, bilo oblik, slika ili drugi element, mora se nalaziti unutar blok oznaka. Ako se odlučite bez nje, preglednik jednostavno ne prikazuje ovaj element, a popis pogrešaka izgleda popunit će se s nekoliko unosa.

Osim toga, brojne oznake koje vam omogućuju oblikovanje teksta, također je poželjno isključiti - strog način podrazumijeva upotrebu CSS-a.

Ljudski pristup: Doctype Prijelazno

Ako teška strogog modela predloška ne odgovara, ili ako ste jednostavno navikli krenuti prema pravilima, uvijek postoji mogućnost pribjegavanja ljudskoj vrsti Doctype HTML javnosti. W3C se pobrinuo za one koji se ne žele odreći svojih navika i žele raditi u blažim uvjetima stvaranjem Prijelaznog predloška koji predstavlja prijelazni model pristupa potvrđivanju. Ovaj predložak vam daje mogućnost da se slobodno dopustite nekim slobodama, kao što su oznake koje zabranjuje Strict-template, kao i mnoge druge pristupe izgledu koji nisu izgubili važnost od kraja 90-ih.

"Soft" Doctype HTML 4 deklarira se na sljedeći način:

Za XHTML, linija opet izgleda malo drugačije, ali opći trend ostaje:

Do danas, unatoč činjenici da svaki izgled pokušava uskladiti sa strogim predloškom, to je prijelazni Doctype koji je najpopularniji. Ipak, ovaj predložak ima jedno uvjetno ograničenje: validator će "odbiti" sve stranice u kojima postoje okviri. Ako se morate pridržavati ove metode rasporeda, obratite pozornost na sljedeće - posljednji predložak.

Od općeg do specifičnog: Doctype Frameset

Pristup za provjeru stranice za podudaranje s Frameset predloškom općenito je sličan onom Prijelaznog, međutim, pored gore navedenih "sloboda", ovaj predložak omogućuje vam korištenje okvira. Frameset nema drugih razlika, stoga ostaje samo popis redaka za oglase, za HTML 4.01 i za XHTML 1.0:

Na rubu napretka

Naravno, nakon što smo na početku ovog članka spomenuli sve HTML5 standard koji dobiva popularnost, nismo mogli zanemariti ovaj označni jezik. Smiješno je da W3C ovu glavnu verziju HTML-a smatra glavnim, pa njegov Doctype HTML 5 izgleda skromno. Drugim riječima, ova definicija tipa znači da preglednik treba raditi s "čistim" HTML-om, koji se danas smatra HTML5, dok je četvrta verzija, koja je uobičajena za mnoge, potencijalno zastarjela.

Ostale vrste Doctype

Do danas postoji još nekoliko vrsta Doctype predložaka, od kojih se većina odnosi na XHTML. Dok druga verzija ovog označnog jezika nikada nije došla na vidjelo, postajući dio gore spomenutog HTML5, varijacije njegove prve verzije, unatoč najvišoj prevalenciji, žive i dobro.

Je li Doctype važan?

Možda će neki početnici "pisci" na HTML-u pokušati ignorirati deklaraciju vrste stranice. Pa, ako nisu donijeli važne informacije iz gore navedenog, dajmo jedan jednostavan primjer. Evo primjera stranice koja koristi Prijelazni predložak:

Sve izgleda na način na koji bi trebao izgledati za dizajnericu, ali moramo "miješati" Doctype i dobijemo sljedeće:

Kao što vidite, stranica je doživjela značajne promjene: pozadinska slika je nestala, izbornik je postao osakaćeni popis, neke klase CSS-a jednostavno se ignoriraju, osim toga, stranica ima drugu traku za pomicanje.

Nadamo se da je ovaj primjer dostatan za objašnjenje važnosti gore navedenih, zato trebamo samo ostati budni ili idealno napisati kod koji prolazi strogo provjeru valjanosti. Sretno vama!