Razvoj HTML-a je u određenom smislu zašao u ćorsokak – nove oznake više nisu potrebne, jer su postojeći dovoljni, a osim toga, naglasak u razvoju web stranica prebačen je na stilove koji proširuju mogućnosti dizajna dokumenata. . Naravno, CSS ni na koji način ne zamjenjuje HTML, ali vam omogućava korištenje ograničenog skupa oznaka, te vrste elemenata, njihove pozicije i razni parametri, postavljen kroz stilove.
Određeno ograničenje HTML-a je to što pripada formalnim jezicima, u smislu da su oznake i njihova hijerarhijska struktura strogo opisani u specifikaciji. Stoga XML postaje sve popularniji, pomoću kojeg možete kreirati vlastite oznake i formirati njihovu strukturu. Razlika između HTML-a i XML-a nisu samo oznake, već i pravila za pisanje koda. Kada radi sa HTML-om, pretraživač „zažmuri” na razne manje nedostatke i nedostatke u strukturi ili na činjenicu da atribut nije ispravno specificiran. Takvi trikovi ne rade sa XML-om, pa će pretraživač generisati grešku da dokument nije pravilno formiran.
Kako bi se programeri naučili "pravi" način razmišljanja, promijenili stil kodiranja i premostili jaz između HTML-a i XML-a, XHTML je razvijen kao međukorak između njih.
XHTML (EXtensible HyperText Markup Language) je namijenjen da zamijeni HTML i smatra se njegovom strožom verzijom. Općenito, W3C definira XHTML kao najnoviju verziju HTML, koji će ga postepeno zamijeniti. Da li će to zaista biti slučaj, pokazaće vrijeme.
Ako razmišljamo o nekom idealnom kodu web stranice, možemo ga uporediti sa programom koji neće kompajlirati dok se sve greške ne isprave. Pretraživač djeluje kao kompajler i ne prikazuje dokument ako ne ispunjava specifikacije. XHTML, spremanje svega HTML karakteristike, uvodi stroža pravila za kreiranje stranica kako bi se približili "idealnom" kodu. Ovo vam omogućava da web lokacije učinite nezavisnim od uređaja za prikaz i pretraživača. Drugim riječima, stranica će biti ispravno prikazana u svim modernim pretraživačima i platformama kao što su računari, pametni telefoni, PDA uređaji, netbookovi itd.
U stvarnosti je sve prizemnije. Programeri pretraživača ne mogu sebi priuštiti da svoje zamisli rade samo s "ispravnim" kodom. A sve zbog činjenice da većina web lokacija na svijetu jednostavno neće biti prikazana u takvom pregledniku. Za ovakvo stanje krivi su i programeri i korisnici. Prvi nisu pružili odgovarajuću podršku za specifikaciju u svojim pretraživačima, a drugi se nisu trudili da je prate.
Iz ovih razloga, XHTML 1.x je isti kao HTML, ali sa strožom sintaksom umjesto obećavajući jezik markup, na koji svakako vrijedi prijeći zbog svojih jedinstvenih mogućnosti.
Kada pišete XHTML kod, slijedite istu sintaksu koja je tipična za HTML. Međutim, razlika između HTML-a i XHTML-a je skup određenih obaveznih pravila.
XHTML pravila su sljedeća.
- Sve oznake i njihovi atributi moraju biti upisani malim slovima (mala slova).
- Sve vrijednosti atributa moraju biti stavljene u navodnike.
- Morate zatvoriti sve oznake, čak i one koje nemaju pridruženu završnu oznaku.
- Mora se voditi računa o ispravnom ugnježđenju oznaka.
- Ne možete koristiti skraćene atribute oznake.
- Umjesto atribut imena treba navesti id.
- Trebali biste definirati DTD (definiciju tipa dokumenta) koristeći element .
Oznake moraju biti napisane malim slovima
Ovo pravilo je nastalo jer je XHTML osjetljiv na velika i mala slova, tako da su oznake za to
I
varirati. Kako bi se izbjegla zabuna, sintaksa prisiljava sve oznake, kao i njihove atribute, da budu mala slova. Primer 3.1 pokazuje netačnu upotrebu oznaka.
Primjer 3.1. Pogrešan pravopis oznaka
XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet...
IN u ovom primjeru oznake
IRegrutovana velika slova, što je greška. Primjer 3.2 pokazuje ispravan kod.
Primjer 3.2. Ispravno pisanje oznake
XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet...
Sve vrijednosti atributa moraju biti stavljene u navodnike
Iako HTML također zahtijeva da vrijednosti stavite u navodnike, njihov nedostatak ni na koji način ne utiče na ispravnost koda. Tako da to možemo reći u HTML aplikacija Navodnici su samo preporuka. U XHTML-u upotreba navodnika je podignuta na pravilo i sve vrijednosti atributa moraju biti specificirane samo u njima (primjer 3.3).
Primjer 3.3. Korištenje navodnika
XHTML 1.0 IE Cr Op Sa Fx
| Cheburashka | Shapoklyak |
|---|---|
| 1 | 5 |
| 4 | 13 |
U ovom primjeru, svi atributi oznake
date su pod navodnicima.
Sve oznake moraju biti zatvoreneU HTML-u oznake su podijeljene u dvije kategorije - uparene oznake, koje se nazivaju i kontejneri, i pojedinačne oznake. Upareni tagovi se sastoje od oznake otvaranja i zatvaranja, au nekim slučajevima se završna oznaka može izostaviti. U XHTML-u, oznaka za zatvaranje je potrebna uvijek i svuda. Primjer 3.4 prikazuje kod s greškom zbog nedostajuće oznake .Primjer 3.4. Nema završne oznake XHTML 1.0 IE Cr Op Sa Fx
i ušunja se u avion, i stavlja bombu u njegov stomak, Neki programeri zanemaruju oznake za zatvaranje , , , ali u XHTML-u njihov nedostatak se smatra greškom. Primer 3.5 pokazuje ispravnu upotrebu lista.Primjer 3.5. Dodavanje liste XHTML 1.0 IE Cr Op Sa Fx
U ovom primjeru, svaka početna oznaka ima odgovarajuću završnu oznaku. Elementnije dio XHTML dokumenta, tako da ne zahtijeva oznaku za zatvaranje. U vezi pojedinačne oznake, onda se moraju završiti kosom crtom ispred ugaone zagrade, kao što je prikazano u primjeru 3.6. Primjer 3.6. Dodavanje slike XHTML 1.0 IE Cr Op Sa Fx
U ovom primjeru, obratite pažnju na potreban prostor koji prethodi konstrukciji />. U tabeli 3.1 prikazuje neke HTML oznake i njihovo snimanje u XHTML dokument. Mora se voditi računa o ispravnom ugnježđenju oznakaXHTML je kritičan prema sljedećim vrstama grešaka: netačno ugniježđenje jedne oznake u drugu i postavljanje oznake u neprikladan kontejner. Ispravno ugniježđenje oznakaSvaka oznaka mora biti smještena unutar druge oznake, a njihovo „presijecanje“ nije dozvoljeno, kao što je prikazano u primjeru 3.7. Primjer 3.7. Greška s položajem oznake XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet... U ovom primjeru, oznaka za zatvaranje prethodi oznaci, iako bi trebalo biti obrnuto, što dovodi do greške. Kada zamijenite oznake, kod postaje ispravan. Iako validator koda daje grešku ako su oznake pogrešno postavljene, pretraživači i dalje ispravno prikazuju web stranicu. Hijerarhija oznakaSve oznake imaju strog hijerarhijski sistem u smislu da svaka oznaka mora biti unutar druge oznake i ništa više. Na uslovnom vrhu nalazi se korijenski element , a sve ostale oznake mogu sadržavati druge oznake unutar sebe, koje se nazivaju podređenim oznakama. Shodno tome, podređene oznake se nalaze u roditeljskom elementu. Neophodno je poznavati sistem podređenosti oznaka i pratiti ga prilikom pisanja XHTML koda. Primjer 3.8 pokazuje osnovna struktura dokument. Primjer 3.8. Struktura dokumenta XHTML 1.0 IE Cr Op Sa Fx
U ovom primjeru, oznaka je prva , unutar kojeg se nalaze oznake I . Unutarnji dio naslov dokumenta je pohranjen (“Prazna vrijednost”, kako se još naziva slična greška, može se lako ispraviti dodjeljivanjem atributu vrijednosti koja odgovara imenu. U tabeli 3.2 pokazuje neke atribute i kako su napisani u HTML i XHTML.
Primjer 3.10 pokazuje ispravnu upotrebu gornjeg obrasca. Primjer 3.10. Pravilna upotreba atributi XHTML 1.0 IE Cr Op Sa Fx
Umjesto atributa name, morate navesti idAtribut name je definiran u HTML-u za oznake , , |
|---|
