DOCTYPE HTML - hva er det? Hva du trenger å vite om elementet

Uansett hva skeptikerne, fortsetter fremgangen å være et fenomen som ikke kan stoppes. Men mens noen er rasende langvarig flytte til månen hagen, andre er bokstavelig talt midt i panikk, fordi det blir vanskeligere og vanskeligere å holde tritt med endringene. Et eksempel på en slik "catch-up" er representanter for yrker relatert til høy teknologi.

Mens de fleste web-designere, programmerere og programmerere er mye bedre egnet til ånden av tiden, snarere enn noen "Nura Baba", som mottar informasjon fra uke forsinket, men likevel med betydelige skjevheter, er virkeligheten noe annerledes. Tilsvare nivået på fremgang er vanskelig i feltet av nye teknologier. Betrakt et enkelt eksempel: enda noen 5-10 år siden kunne en utvikler av online spill på Adobe Flash oppnå konkrete suksess, mange "Happy Farmer" er bevis på det. Men i dag denne teknologien er gradvis dø ut, noe som gir vei til en mer moderne, men mindre enn et flertall av studiet av grunnleggende HTML5. Forresten, det er HTML5, og er en av de "tegn" av dagens historier viet hverdager HTML-DTP.

DOCTYPE HTML - hva er det?

Dette monumentet til ofre for høyteknologiske fremskritt innen teknologi. Dashing 90-s, som skiller seg ikke bare "kamp" situasjon i vårt land, men også ganske reell krig av nettlesere, satt til verden bare noen få produkter som lar PC-brukere til å surfe på World Wide Web. Det er bare ett problem - populært når Netscape Navigator og Internet Explorer var ute på samme side i en helt annen, henholdsvis, og skaperne av området for å skape en helt annen sider for disse programmene.

Standarder? I disse årene, for å snakke om dem var meningsløst - W3C har eksistert i sin spede begynnelse, og markedsføre IE Microsoft allment kjent at foretrakk å oppfinne sine egne, er ikke kompatible med noe sykler. Likevel, ved slutten av den forferdelige (for webutviklere) tiåret, vendte situasjonen normal tross alt: det var noen skinn av standarder som om ikke fullt, men likevel respektert av alle populære nettlesere.

Men situasjonen viste seg å være slik at kravene i konsortiet og nettleserprodusenter var, for å si det mildt, ikke i det hele tatt like. Du kan enkelt lage en helt riktig i forhold til HTML, CSS og DOM siden, men du foretrukne nettleser viste hardnakket ikke hva du forventet å se.

Likevel, som tiden gikk, utviklerne fortsatt har endelig bestemt seg for å tenke ikke bare om konkurranse, men om en webmaster, og han dukket opp - DOCTYPE html. Dette er en spesiell kode som forteller nettleseren hvordan det bør vurderes en bestemt side.

Det som trengs i DOCTYPE HTML-koden?

Før ankomsten av adekvate standarder, som begynte å følge overalt, har mange utviklere av nettlesere prøvde å dra teppet over seg, skape sine egne metoder for tilnærming til en bestemt teknologi. Som et resultat av en og samme side ser ut i ulike nettlesere på ulike måter. Imidlertid har dette vi blitt fortalt, bare ikke nevne at når produsentene av programmer for nettsurfing kom rundt, det var en annen, ikke mindre morsomt problem.

Tenk deg situasjonen: du - en typisk webutvikler slutten av 90-tallet. Det bare så skjedde at mesteparten av tiden du tilbringer i nettleseren Internet Explorer 4. Microsoft bestemmer seg for å plutselig komme til fornuft og gjøre den nye nettleseren er mer "riktig", der det ikke er klart som det er nå å opprette områder og hva de skal gjøre med de som allerede har opprettet. Selvfølgelig, hvis du har nok tid, kan du skrive sin HTML-kode på en slik måte at den tilsvarer de nye standardene, men fordi folk - late skapninger.

Det var på dette tidspunktet DOCTYPE HTML er den mest hensiktsmessige "oppfinnelse". Avhengig av hva slags dokument det er spesifisert i begynnelsen av siden, vil nettleseren velge den mest hensiktsmessige i dette tilfellet mekanismen til å gjengi. Hvis DOCTYPE i HTML-koden ikke er tilgjengelig, vil nettleseren gå inn i kompatibilitetsmodus (vanligvis, men ikke nødvendigvis). Som et resultat av det samme Internet Explorer 6 (selv om filen han hvile i fred) i fravær av DOCTYPE koden oppfører seg som om du arbeider i sin fjerde versjon.

typer Doctype

Dokumenttype taggen omfatter flere arter som kan deles inn i bestemte kategorier. For det første beskriver det de viktigste typer kodespråk: HTML 4.01, HTML 5, XHTML 1.0 eller XHTML 1.1. Dernest har hver av disse språkene sine ledd, som peker til "koeffisient av feil-finding" t. E. På hvor tøft å være HTML-kode etablerte W3C standarder. Men i det andre tilfellet er det to unntak - HTML5 og XHTML 1.1 ikke har noen underarter, og er bare en form for DOCTYPE html. Men mer om det senere ...

Strenge tilnærming: DOCTYPE Strict

Hvis du foretrekker å lage HTML-kode som tilsvarer hver bokstav i loven validator, ville den ekstra insentiv (annet enn egeninteresse) være å bruke Doctype Strict. Hvis du planlegger å bruke mer avanserte XHTML 1.0, bør linjen, som vil begynne hvert element se slik ut:

Velge DOCTYPE html Offentlig streng mal sikrer at eventuelle avvik fra standarden vil bli lagt merke til av nettleseren, og deretter brukt feil tag ignoreres. Spesielt i streng modus, hvilken som helst kode, enten det er et skjema, bilde eller et annet element er nødvendig for å bli plassert innenfor blokken koder. Hvis du velger å gjøre uten den, leseren rett og slett ikke vil vise dette elementet, og feilliste layout fylt opp et par poster.

I tillegg er en rekke koder som gjør det mulig å formatere tekst, er det også ønskelig å eliminere - den strenge regimet innebærer bruk av CSS.

Human tilnærming: DOCTYPE Transitional

Hvis en alvorlig metode streng mal ikke passer deg, eller du rett og slett vant til å gå mot reglene, er det alltid mulighet til å ty til en mer human typen DOCTYPE html Offentlig. W3C tok seg av de som ikke ønsker å gi opp vaner og ønsker å jobbe under mildere forhold, og skaper en Transitional mønster som representerer en overgangs tilnærming for å modellere validering. Denne malen kan du fritt tillate deg selv noen friheter, som Strict er forbudt, malkodene, samt mange andre tilnærminger til layout, som ikke er tapt relevans siden slutten av 90-tallet.

«Soft» DOCTYPE HTML 4 er deklarert som følger:

For XHTML streng igjen det ser litt annerledes, men den generelle trenden fortsetter:

Til dags dato, til tross for at hver koder søker å matche Streng-mal, er det en overgangs DOCTYPE er den mest populære. Likevel har denne malen en kredittgrense: validator vil "avvise" noen sider som inneholder rammer. Hvis du trenger å ty til denne metoden layout, bør du ta hensyn til den neste - den siste malen.

Fra det generelle til det spesifikke: Doctype Ramme

Tilnærming når du sjekker sider for overholdelse av Ramme malen er generelt lik som den Transitional, men i tillegg til de "friheter" av de ovennevnte, kan denne malen du å bruke rammer. Andre forskjeller Ramme har derfor ikke bare kan overføre linje for kunngjøringer, for HTML 4.01 og XHTML 1.0:

Cutting-Edge

Selvfølgelig, med henvisning til begynnelsen av denne artikkelen all den økende populariteten til HTML5-standarden, kunne vi ikke se bort fra kodespråk. Det er morsomt at W3C anser den grunnleggende HTML-versjonen, så det er DOCTYPE HTML 5 ser ganske beskjeden. Med andre ord, er denne type definisjon som leseren må arbeide med "ren» HTML, og hva er i dag ansett for å være HTML5, mens kjent for mange av den fjerde versjonen anses å være potensielt foreldet.

Andre varianter Doctype

Til dags dato er det flere varianter av DOCTYPE mønstre, de fleste som kommer til XHTML. Mens den andre versjonen av kodespråket ikke kom ut i lyset, blir en del av HTML5 nevnte, variasjoner i den første versjonen, selv om ikke den høyeste forekomsten, levende og godt.

Er det viktig Doctype?

Kanskje noen uerfarne "forfattere" i HTML vil prøve å ignorere reklame sidetypen. Vel, hvis de ikke lærer viktig informasjon fra vyshenapisannogo, gir vi et enkelt eksempel. Her er et eksempel side som bruker Transitional-mal:

Det ser ut som det skal se ut på ideen om designeren, men det er verdt for oss å "forvirre» DOCTYPE, og vi får følgende:

Som du kan se, har siden gjennomgått betydelige endringer: falmet tapet, har menyen blitt vansiret liste, CSS noen klasser rett og slett ignorert, i tillegg siden "otros" andre scrollbar.

Forhåpentligvis er dette eksempelet nok tilgjengelig vyshenapisannogo forklarer betydningen, derfor kan vi bare holde oppmerksomheten eller, ideelt sett, lære å skrive kode som passerer strenge-validering. Lykke til!