Tip dokumenta HTML - što je to? Ono što trebate znati o stavku

Bez obzira na skeptike, napredak je i dalje fenomen koji se ne može zaustaviti. Međutim, dok su neki ogorčeni dugotrajnog potez na Mjesec vrt, drugi su bukvalno uronjeni u panici, jer to postaje sve teže i teže držati korak s promjenama. Primjer takve "catch-up" su predstavnici struke koji se odnose na visoke tehnologije.

Dok većina web dizajnera, programera i koderi su mnogo bolje odgovara duhu vremena, a ne bilo "Nura Baba", koja prima informacije od danas kasno, ali ipak sa značajnim distorzija, realnost je nešto drugačija. Odgovaraju na nivo napretka je teško u području novih tehnologija. Razmotrimo jednostavan primjer: prije čak i nekih 5-10 godina, programer online igara na Adobe Flash mogla postići opipljiv uspjeh, brojne "Happy Farmer" su dokaz za to. Međutim, danas ova tehnologija postepeno izumire, ustupajući moderniji, ali manje nego većina studija osnovnih HTML5. Usput, to je HTML5, i jedan od "likova" današnjeg priča posvećena radnim danom HTML-DTP.

Tip dokumenta HTML - što je to?

Ovaj spomenik žrtvama high-tech napredak u tehnologiji. Dashing 90-e, koji se razlikuju ne samo "borbene" situaciju u našoj zemlji, ali i prilično pravi rat pretraživača, doveden u svijetu samo nekoliko proizvoda koji omogućavaju korisnicima računara surfati World Wide Web. Postoji samo jedan problem - popularan kada tražim Netscape Navigator i Internet Explorer su na istoj strani u potpuno drugačijem, odnosno, a tvorci sajta za stvaranje potpuno različite stranice za ove programe.

Standarda? Tih godina, da priča o njima je besmisleno - W3C postoji u začetku, i promovirati IE Microsoft Opšte je poznato da radije da izmisle svoje, nisu kompatibilni sa ništa bicikla. Ipak, do kraja tog strašnog (za web programere) deset godina, situacija se vratio u normalu nakon svega: bilo je privid standarda da će, ako ne u potpunosti, ali ipak poštuju sve popularne pretraživača.

Međutim, situacija se ispostavilo da bude takav da standardi konzorcijuma, a proizvođači preglednika su, najblaže rečeno, nije nimalo slično. Moglo bi se lako stvoriti potpuno ispravan u smislu HTML, CSS i DOM stranu, ali preferira preglednika tvrdoglavo pokazala nije ono što ste očekivali da se vidi.

Ipak, kako je vrijeme odmicalo, programeri i dalje su na kraju odlučili da razmišljaju ne samo o konkurenciji, već o webmaster, a on se pojavio - Tip dokumenta HTML. Ovo je posebna oznaka koja govori preglednik kako to treba uzeti u obzir određene stranice.

Ono što je potrebno u Doctype HTML-kod?

Pre pojave odgovarajućih standarda, koji je počeo da prati svuda, mnogi programeri pretraživača su pokušali da povuče pokrivač preko sebe, stvarajući svoje vlastite metode pristupa određene tehnologije. Kao rezultat toga, jedan te isti stranice izgleda u različitim preglednicima na različite načine. Međutim, ovo nam je rečeno, samo ne spomenuti da kada proizvođači programa za web surfanje je došao oko, bio je još jedan, ništa manje zabavan problema.

Zamislite situaciju: vi - tipična web developer kasno 90-ih. To samo tako se dogodilo da je većinu vremena provodite u pretraživaču odlučuje Internet Explorer 4. Microsoft iznenada doći na svoje čula i napravite novi pretraživač je više "ispravno", pri čemu nije jasno kao što je to sada stvoriti stranice i šta da radim sa onima koji već imaju stvorio. Naravno, ako imate dovoljno vremena, mogli prepisati svoje HTML-koda na takav način da odgovara novim standardima, ali zato što su ljudi - lijeni stvorenja.

Bilo je to u ovom trenutku Doctype HTML je najprikladnije "izum". Ovisno o vrsti dokumenta koji je naveden na početku stranice, pretraživač će izabrati najprikladniji u ovom slučaju mehanizam donošenja. Ako se Doctype u HTML-kod nije dostupan, pretraživač će ići u režimu kompatibilnosti (obično, ali ne nužno). Kao rezultat toga, isti Internet Explorer 6 (čak i ako je datoteka počiva u miru) u nedostatku Doctype citat ponaša kao da radite u svojoj četvrtoj verziji.

vrste Doctype

Doctype tag uključuje nekoliko vrsta koje se mogu podijeliti u određene kategorije. Prvo, opisuje glavne vrste markup language: HTML 4.01, HTML 5, XHTML 1.0 i XHTML 1.1. Drugo, svaki od ovih jezika ima svoje podsekcije, ukazujući na "koeficijent za pronalaženje grešaka" t. E. U tome teško biti HTML-kod osnovan W3C standardima. Međutim, u drugom slučaju, postoje dva izuzetka - HTML5 i XHTML 1.1 nema podvrsta i da su samo jedan oblik Doctype HTML-a. Ali više o tome kasnije ...

Rigorozniji pristup: doctype Stroga

Ako želite stvoriti HTML-kod koji odgovara svako slovo validatora zakona, dodatni podsticaj (osim ličnih interesa) bio bi koristili Doctype strog. Ako planirate koristiti naprednije XHTML 1.0, linija, koja će početi svaki element bi trebao izgledati ovako:

Izbor Tip dokumenta HTML javne stroge predložak osigurava da svako odstupanje od standardnog će primijetiti pretraživač, a zatim koristi pogrešan citat se ignorira. Konkretno, u strogoj režimu, bilo citat, da li je oblik, sliku ili neke druge stavke koje je potrebno nalazi unutar bloka oznaka. Ako odlučite da bez nje, pretraživač jednostavno neće prikazati ovu stavku, a raspored lista pogrešaka napunila nekoliko zapisa.

Osim toga, broj oznaka koje omogućuju za formatiranje teksta, također je poželjno da eliminiše - strogim režimom podrazumijeva korištenje CSS.

Human pristup: doctype Transitional

Ako ozbiljan način predložak stroge ne odgovara vama ili ste jednostavno navikli da ide protiv pravila, uvijek postoji mogućnost da se posegnuti za humaniji tip Tip dokumenta HTML javnosti. W3C se pobrinuo za one koji ne žele da se odreknu navike i želi da radi pod blažim uvjetima, stvarajući Transitional obrazac predstavlja prelazni pristup validaciju modela. Ovaj predložak vam omogućava da slobodno dozvoliti sebi neke slobode, kao što su Strogo je zabranjeno, predložak tagove, kao i mnogi drugi pristupi raspored, koji se ne gubi relevantnost još od kraja 90-ih godina.

«Soft» Doctype HTML 4 je proglašen kako slijedi:

Za XHTML string ponovo to izgleda malo drugačije, ali sveukupni trend se nastavlja:

Do danas, bez obzira na činjenicu da svaki programer traži da odgovara Stroga-predložak, to je prelazna Doctype je najpopularniji. Bez obzira na to, ovaj predložak ima jedan kreditni limit: validator će "odbaciti" sve stranice koje sadrže okvire. Ako vam je potrebno posegnuti za ovu metodu raspored, treba obratiti pažnju na sljedeći - posljednje predložak.

Od opšteg specifičnim: Doctype Frameset

Pristup prilikom provjere stranice za usklađenost sa predložak Frameset je uglavnom sličan onom Prelaznog, međutim, pored "sloboda" od gore navedenih, ovaj predložak vam omogućuje da koristite okvire. Druge razlike Frameset nije, dakle, može samo transfer linija za najavama, za HTML 4.01 i XHTML 1.0:

Vrhunska

Naravno, pozivajući se na početku ovog članka sve veću popularnost HTML5 standarda, nismo mogli ignorirati markup jezik. To je smiješno da W3C smatra da je osnovni HTML verziju, tako da je Doctype HTML 5 izgleda prilično skroman. Drugim riječima, ova definicija tipa je da browser treba da radi sa "čistom» HTML, a ono što danas smatra HTML5, dok je poznata mnogima od četvrte verzije smatra se potencijalno zastarjele.

Drugih vrsta Doctype

Do danas, postoji nekoliko varijanti Doctype obrazaca, od kojih je većina u pitanju XHTML. Dok je druga verzija markup jezika nije izašao na svjetlo, postaje dio HTML5 navedenog, varijacije u svojoj prvoj verziji, ali ne i najveći rasprostranjenosti, živ i zdrav.

Je važno Doctype?

Možda neke novice "pisci" u HTML će pokušati ignorirati tip oglas stranici. Pa, ako ne uče važne informacije iz vyshenapisannogo, dajemo jednostavan primjer. Evo primjer stranicu koja koristi Transitional-predložak:

Izgleda kako bi trebalo izgledati kao na ideji dizajnera, ali vredi nam da "zbuni» Doctype, a mi smo dobili sljedeće:

Kao što vidite, stranica je prošao kroz značajne promjene: izblijedio pozadina, meni je postao unakažen lista, CSS neke klase jednostavno ignorisati, osim toga, na stranici "otros" druga scrollbar.

Nadam se, ovaj primjer je dovoljno na raspolaganju vyshenapisannogo objašnjava važnost, dakle, možemo zadržati samo pažnju ili, u idealnom slučaju, kako napisati kod koji prolazi stroge-validacije. Sretno!