HTML standardi ili što je !DOCTYPE. Ispravna struktura HTML dokumenta i kod stranice
Kada su se internet i web stranice tek pojavili, programeri su se suočili s tehničkim problemom - kako organizirati i strukturirati informacije tekstualnih i grafičkih dokumenata za laku prezentaciju u preglednicima?
Rješenje je pronađeno u jeziku za označavanje hiperteksta. U to je vrijeme svaki programer stranice praktički pisao vlastiti jezik, ne razmišljajući o kompatibilnosti. Kao rezultat toga, svaka je stranica zahtijevala vlastiti preglednik.
Naravno, to se nije moglo dugo nastaviti. Čim je Internet počeo biti od komercijalnog interesa, javila se hitna potreba za hitnom unificiranjem i standardizacijom informacijskog prostora Interneta.
HTML 2.0 standard
HTML 2.0 bio je prvi priznati standardni jezik za označavanje hiperteksta. Prije toga, programer se nije mogao međusobno dogovoriti. Stranice na ovom jeziku stvorene su najjednostavnije i imale su mnoga ograničenja. I uskoro je World Wide Web Consortium predložio sljedeću verziju.
HTML 3.2
Treća verzija također nije ništa posebno. Nastavljen je razvoj novih značajki, pokušano je unificirati preglednike različitih igrača.
HTML 4.0 standard
Četvrta verzija HTML-a već je dopuštala visokokvalitetne . Mnoge nepotrebne oznake su eliminirane. Kako bi se olakšale web stranice, odvajanje tekstualnih informacija i njihovo oblikovanje učinjeno je uvođenjem takvog elementa kao što su kaskadni listovi stilova.
To je ono što je omogućilo postizanje stvarno standardnog prikaza stranica u preglednicima različitih proizvođača.
Do kraja 20. stoljeća četvrti HTML gotovo je iscrpio svoje razvojne mogućnosti, a konzorcij C3W predložio je novu, proširenu verziju nazvanu XHTML.
XHTML 2.0 standard
Nakon nekih eksperimenata, uspostavljena je druga verzija proširenog jezika za označavanje hiperteksta. Stvarno proširenje bilo je korištenje XML formata za rigorozniju i sistematiziraniju organizaciju samog HTML-a. U biti, XHTML su sve iste oznake, ali proslijeđene kao XML dokument.
Takav proces zahtijeva određeno pooštravanje zahtjeva za HTML:
- Dopuštena su samo mala slova.
- Sve oznake moraju biti zatvorene:<> .
- Oblikovanje teksta unutar tijela dokumenta nije dopušteno.
- Korištenje CSS Cascading Style Sheets je obavezno.
Tako je nova verzija postala "stroža i standardnija". Kako bi se u potpunosti ostvarile sve nove značajke, bilo je potrebno i. U isto vrijeme, stariji preglednici mogu prikazati XHTML stranice.
Potpuno postignuto?
Nije bitno kako. Računalne tehnologije ne miruju, pojavila su se mobilna računala, pojavile su se usluge u oblaku, internet je prestao biti luksuz. Društvene mreže su pravi iskorak u području masovnih medija. Korisnici su napredovali i od web stranica se traži mnogo više od jednostavnog pružanja informacija.
Tako je XHTML prepoznat kao slijepa razvojna staza i prije početka 21. stoljeća. Čak ni prošireni jezik hiperteksta nije bio dovoljan za stvaranje dinamičnih, interaktivnih i multimedijskih web izvora.
Postojao je pokušaj poboljšanja statičnih stranica uključivanjem programskih elemenata (skripti) i reorganizacijom strukture web stranice u formatu dokumentnog objektnog modela. Web stranice su postale brže i interaktivnije. Ali, previše komplicirano za izgled, otklanjanje pogrešaka i prilagodbu.
I na kraju, HTML 5 standard
Sve probleme trebao bi riješiti standard HTML5 u razvoju. Sav višak bit će bačen. Ovako izgleda direktiva dokumenta:
Postojat će jedna vrsta stranica za sve preglednike, za sve operativne sustave i za sve vrste računala.
Molimo podijelite ako vam se sviđa:
Možda će vas također zanimati:
![](https://i2.wp.com/opartnerke.ru/wp-content/uploads/2013/03/kody-e1366327904797.jpg)
Dobar dan! Danas ćemo naučiti kako izraditi žičani okvir za našu prvu HTML stranicu. Ili bolje rečeno, pozabavimo se osnovnom strukturom html stranice, saznajmo od čega se sastoji. Ali prije svega, razgovarajmo malo o oznakama.
Što je oznaka uHTML?
Tag je osnovni element HTML jezika. Naime, HTML se sastoji od tagova, a da bi naučili HTML dovoljno je proučiti glavne tagove koji se najčešće koriste. U usporedbi s primjerom iz stvarnog života, označiti u HTML-u to je kao cigla za dom. Opeka je glavni element koji se koristi za izgradnju kuće. Isto je i u HTML-u, tag je osnovni element za izradu html stranice. Uz pomoć taga govorimo pregledniku kako pravilno prikazati sadržaj html stranice.
Postoje dvije vrste oznaka par oznaka i pojedinačne oznake:
- Uparene oznake To su oznake koje se sastoje od početne oznake i završne oznake. Ukratko, to su oznake koje imaju završnu oznaku. Primjeri: i;
i ; i ; i
; ; - Pojedinačne oznake to su oznake koje nemaju završnu oznaku. Primjeri pojedinačnih oznaka:
.
html stranica ima osnovna struktura. Osnovna struktura na svim stranicama stranice izgleda isto. Jedina stvar koja se može razlikovati u osnovnoj strukturi stranica od stranice do stranice je DOCTYPE element. Kako biste saznali što je DOCTYPE i koje vrste postoje, pročitajte ovaj članak. Ako ne navedemo ovaj element, preglednik će stranicu prikazati netočno.
Evo kako baza izgleda okvirhtml stranice:
Sada ako otvorimo ovu stranicu u pregledniku, bit će prazna. Dodajmo sada nekoliko redaka koda unutar oznake tijelo i ponovno otvorite ovu stranicu u pregledniku.
Moja prva html stranica
Ovako izgleda stranica u pregledniku nakon promjene koda:
Analizirajući ovaj primjer
Na vrhu stranice, prije html oznake uvijek ukazujuDOCTYPE, što je vrsta dokumenta.
Svaka html stranica počinje s označiti< html> i završava označiti html> a sastoji se od zaglavlja < glava> glava> i tijelo < tijelo> tijelo>.
Unutar zaglavlja ispisani su servisni elementi koji se ne prikazuju na stranici u pregledniku. Uglavnom:
- Meta oznake. Glavni su m eta oznaka za kodiranje, kroz koji specificiramo kodiranje stranice ( ), meta oznake za tražilice, ovo meta oznakas opisom stranice (opis) i ključne riječi za stranicu (ključne riječi).
- Naslov stranice, koji je naznačen unutar oznake < naslov> naslov>. Ovaj naslov se prikazuje na kartici preglednika.
- Blok s unutarnjim stilovima. < stiltip=”tekst/css">Interni stilovi.
- Jedna oznaka < poveznica />, preko kojeg povezujemo vanjske datoteke.
- I također blok < skriptasrc=" biblioteka.js" tip=" tekst/javascript" > skripta> u kojima su ispisane razne skripte JavaScript.
Unutar oznake < tijelo> tijelo> sadržaj stranice je napisan. Sadržaj može sadržavati tekst, slike, tablice, popise, poveznice i druge elemente koji se prikazuju na stranici u pregledniku.
Nazivi oznaka mogu se pisati u svakom slučaju, odnosno ako pišemo < TIJELO>,< bOdY>,< tijelo> ili < tijelo>, tada će rezultat biti isti, ali uvijek se preporučuje pisati malim slovima to je < tijelo>.
Možda je to sve. Iz ovog malog, ali vrlo važnog članka naučili ste kako to izgleda osnovna struktura html stranica.
Ako kreirate predložak od nule, onda morate početi od nečega. S obzirom na to da je HTML5 standard “rasprostranjen diljem zemlje”, u ovom ću članku dati primjer praznog HTML5 predloška.
U novom standardu mnogo toga je pojednostavljeno i sada osnovni dio izgleda ovako:
Nove HTML5 oznake
HTML5 uvodi nekoliko novih oznaka za strukturu koda: