I HTML i XHTML jezici su za izradu web stranica. HTML je izgrađen na SGML-u, a XHTML je uključen Temeljen na XML-u... Oni su kao dvije strane istog novčića. XHTML je stvoren od HTML-a u svrhu usklađivanja s XML standardima. Posljedično, XHTML je stroži od HTML-a i ne dopušta vam odstupanje od pravila kodiranja.
XHTML je razvijen zbog neke zbrke oznaka. Stranice napisane u HTML-u su prikazane u različitim preglednicima različito.
usporedna tablica
| HTML | XHTML | |
| Definicija (iz Wikipedije) | HTML ili HyperText Markup Language primarni je jezik za označavanje za izradu web stranica i drugih dokumenata koji se mogu pregledavati u pregledniku. | XHTML (Extensible HyperText Markup Language) je obitelj XML označnih jezika koji proširuju i proširuju jezik za označavanje hiperteksta (HTML) na kojem su napisane web stranice. |
| Ekstenzije datoteka | .html, .htm | .xhtml, .xht, .xml, .html, .htm. |
| Format upotrebe | tekst / html. | app / xhtml + xml. |
| Je dizajnirao | W3C i WHATWG. | Svijet Široki web konzorcij. |
| Vrsta formata | Format dokumenata. | Jezik za označavanje. |
| Prošireno od | SGML. | XML, HTML. |
| Dešifriranje | Jezik za označavanje hiperteksta. | Proširivi jezik za označavanje hiperteksta. |
| Primjena | Aplikacija Standard Generalized Markup Language (SGML). | XML aplikacija. |
| Funkcije | Web stranice su napisane u HTML-u. | Proširena verzija HTML-a, rigoroznija, temeljena na XML-u. |
| Ponašanje | Fleksibilni okviri ne zahtijevaju raščlanjivanje HTML sintakse. | Ograničeno XML pravila i zahtijeva njihovo poštivanje. |
| Podrijetlo | Predložio ga Tim Berners-Lee 1987. | Preporuka Širom svijeta 2000 Web konzorcij. |
| Verzije | HTML 2, HTML 3.2, HTML 4.0, HTML 5. | XHTML 1, XHTML 1.1, XHTML 2, XHTML 5. |
Pregled HTML-a i XHTML-a
HTML je primarni označni jezik za web stranice. Stvara strukturirane dokumente isticanjem elemenata kao što su naslovi, popisi, veze, citati itd. Omogućuje vam da ugradite slike i objekte za stvaranje interaktivnih oblika. HTML je specificiran pomoću oznaka u kutnim zagradama - na primjer, ... Također, njegov kod može sadržavati skripte napisane u JavaScriptu.
XHTML je obitelj XML jezika koji se proširuju ili proširuju HTML verzije... Ne dopuštaju izostavljanje oznaka ili minimiziranje atributa. XHTML zahtijeva da svaka početna oznaka ima odgovarajuću završnu oznaku u ispravnom redoslijedu. Na primjer, ako je jedna oznaka dopuštena u jeziku hiperteksta
, tada u XHTML-u, za razliku od HTML-a, trebate napisati oznaku
... To je razlika.
Funkcije HTML i XHTML dokumenata
HTML sintaksa se sastoji od sljedećih komponenti: oznake za otvaranje i zatvaranje, atributi elementa ( dano u oznakama), tekstualni i grafički sadržaj. HTML element je bilo što između oznaka, uključujući same oznake.
XHTML dokument sadrži samo jedan korijenski element. Svi elementi, uključujući varijable, moraju biti napisani malim slovima, a dodijeljene vrijednosti moraju biti navedene u navodnicima, zatvorene i ugniježđene. U XHTML-u je ovo obvezni uvjet- za razliku od HTML-a. XHTML DOCTYPE deklaracija definira pravila za dokumente koje treba slijediti.
Osnovni, temeljni HTML sintaksa prihvaća mnoge kratice koje nisu dopuštene u XHTML-u. Na primjer, elementi koji ne zahtijevaju i oznaku za otvaranje i zatvaranje. XHTML zahtijeva da svi elementi imaju oznaku za otvaranje i zatvaranje. Istodobno, XHTML uvodi nove kratice: XHTML tag se može otvoriti i zatvoriti kosom crtom (
).
Uvođenje sintakse koja se ne koristi u SGML deklaracijama za HTML 4.01 moglo bi dovesti do zabune u aplikacijama u ranim fazama. Da biste riješili ovaj problem, trebate koristiti razmak ispred završne oznake:
.
XHTML i HTML specifikacija
HTML i XHTML mogu se dokumentirati zajedno. I HTML 4.01 i XHTML 1.0 imaju tri podspecifikacije — strogu, opuštenu i uokvirivanje. Razlika HTML dokumenti a XHTML se odnosi na deklariranje dokumenata. Ostale razlike su sintaktičke. HTML ne dopušta završnu oznaku, prazne elemente bez završne oznake. Extensible Hypertext Markup Language vrlo je strog u pogledu otvaranja i zatvaranja XHTML oznaka. Koristi ugrađeni jezik za definiranje funkcionalnosti atributa. Svi zahtjevi XML sintakse slijede u XHTML dokumentu.
Ali te se razlike pojavljuju samo kada se XHTML dokument koristi kao XML aplikacija; odnosno kao MIME vrste aplikacija / XHTML + XML, aplikacija / XML ili tekst / XML. XHTML dokument koji se koristi kao tekst / HTML MIME tip mora se tumačiti kao HTML, tako da u ovom slučaju primijeniti HTML pravila... CSS napisan za XHTML koji se koristi kao tekst / HTML MIME tip možda neće ispravno raditi u dokumentu koji se koristi kao aplikacija / XHTML + XML MIME tip. Za dobivanje dodatne informacije za tipove MIME pogledajte odgovarajuću dokumentaciju.
To može biti važno kada koristite XHTML dokumente kao što su tekst / HTML. Ako niste svjesni ovih razlika, možete stvoriti CSS koji neće raditi kako se očekuje ako se dokument koristi kao XHTML.
Gdje su pojmovi " XHTML" i " XHTML dokument“, Za ostatak ovog odjeljka pretpostavlja se da definiraju upotrebu XHTML oznake kao XML MIME tipa. XHTML oznaka koja se koristi kao tekst / HTML je HTML dokument.
Kako se prebaciti s HTML-a na XHTML
- Uključite atribute xml: lang i lang za elemente koji postavljaju jezik;
- Koristite sintaksu praznog elementa za elemente navedene u HTML-u kao prazne;
- Koristite dodatni prostor na oznakama praznih elemenata: ;
- Koristite završne oznake za elemente koji mogu sadržavati sadržaj, ali su prazni: ;
- Nemojte uključivati XML deklaraciju.
XHTML je skraćenica za ExtensibleHypertext Markup Language, a na ruskom - Extensible Hypertext Markup Language. Napomena nije proširena, nego proširiva. To znači da ovaj jezik
Do sada je nadopunjen (proširen). Dakle, što je XHTML? Glavni poštuje XHTML iz istog HTML-a je način obrade dokumenta (web stranice). Vrijedi uvesti još jednu definiciju. Parser je program ili dio programa koji se izvršava raščlanjivanje... Također se naziva i parser. Ako je još jednostavnije, onda ovaj program analizira cjelokupnu strukturu stranice, cijeli kod stranice. U HTML-u, kada je pronađena greška, tijekom analize je ispravljena, što je zahtijevalo dodatno vrijeme – preglednik je trebao razumjeti što autor (programer) želi napisati. Na primjer, ako je bilo pogreške u bilo kojoj oznaci, ona je jednostavno bila prikazana s ostatkom teksta.
Druga razlika je u tome što svi elementi moraju biti zatvoreni i pojedinačne oznake mora imati / iza znakova, na primjer:
... Napisat ću posebno o oznakama. sjajan članak, također ću pisati o svakoj oznaci posebno. XHTML kodiranje je UTF-8 (trenutačno najčešći), dok je HTML koristio ISO 8859-1.
- prva uobičajena pogreška je navođenje u oznaci relativni put u DTD datoteku kopiranu s www.w3.org, "DTD / xhtml11.dtd". Umjesto ovoga, trebate napisati cijeli put "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd".
- kršenje načela zatvaranja svih elemenata bez iznimke. Jezik XHTML, za razliku od istog HTML-a, obvezuje zatvaranje svih elemenata, uključujući i one bez završne oznake, kao što je npr.
. - Nedostatak navodnika pri opisivanju vrijednosti atributa je neprihvatljiv. Na primjer konstrukcija
- U opisu oznaka i atributa ne možete koristiti velika slova. Uzmimo za primjer oznaku . - nevaljana konstrukcija. Moguće je samo pisanje malim slovima .
- U XHTML-u nema atributa alt za slike. Evo, ne, i to je to.
Što je XHTML modulizacija?
XHTML modularizacija je podjela XHTML-a 1.0, u odnosu na HTML 4, na kolekciju apstraktnih modula koji pružaju specifične vrste funkcionalnosti. Ovi apstraktni moduli implementirani su u ovoj specifikaciji koristeći jezik za definiciju tipa XML dokumenta, ali se očekuje implementacija pomoću XML sheme.
U ovom su dokumentu također definirana pravila za definiranje apstraktnih modula i njihovu implementaciju pomoću DTD-a.
xhtml Ovi se moduli mogu kombinirati jedan s drugim i s drugim modulima kako bi se stvorio podskup i proširenje tipova XHTML dokumenata koji se kvalificiraju kao članovi obitelji XHTML dokumenata.
Čemu služi XHTML modulizacija?
Model oblikovanja
Prethodne verzije HTML-a pokušavale su definirati dijelove takvog modela koje je korisnički agent (korisnički agent) trebao koristiti prilikom oblikovanja dokumenta. S pojavom, W3C je započeo proces odvajanja prezentacije od strukture. XHTML 1.0 održava ovu razdvojenost i ovaj dokument se nastavlja kretati od HTML-a i njegovih potomaka u tom smjeru. Sukladno tome, ovaj dokument ne postavlja nikakve zahtjeve za model oblikovanja povezan s prezentacijom dokumenata označenih pomoću tipova dokumenata obitelji XHTML.
xhtml Umjesto toga, ovaj dokument preporučuje da se autori sadržaja oslanjaju na mehanizme oblikovanja kao što je CSS kada definiraju model oblikovanja za svoj sadržaj.
Ako korisnički agenti podržavaju mehanizme stila, dokumenti će biti formatirani prema očekivanjima.
Ako korisnički agenti ne podržavaju mehanizme oblikovanja, dokumenti će biti formatirani kako odredi korisnički agent. To omogućuje korisničkim agentima obitelji XHTML da podržavaju složene (fancy; A.R.) modele oblikovanja na tim uređajima gdje je to moguće i mijenjaju modele oblikovanja na tim uređajima gdje je to moguće.
Extensible Hypertext Markup Language (XHTML) brz je način upućivanja na nekoliko jezičnih preporuka koje se naširoko koriste na uređajima s omogućenim internetom za pregledavanje weba. Iako je nazvan po svom prethodniku, Hypertext Markup Language (), zapravo se temelji na Extensible Markup Language (XML), koji je vrlo selektivan dio Standard Generalized Markup Language (SGML).
Zapravo, svi su potomci SGML-a. Iako je HTML izravna primjena SGML-a, XHTML je ono što se naziva prostorom imena ili skupom definicija za XML dokument, koji pomaže eliminirati dvosmislenost kada se u bilo kojoj situaciji koristi više od jednog XML rječnika.
Jezik je proizašao iz nekoliko ograničenja HTML-a i različitih načina na koje se HTML implementira. Otprilike u vrijeme kada je HTML ažuriran na verziju 4, počeo je slabiti, kada su ga pravilno koristili mnogi HTML tumači, računalni programi koji analiziraju HTML dokumente u formatiranu, vidljivu web stranicu. Kako su se pojavili mobilni uređaji i druge platforme za pregledavanje weba, bilo je potrebno bolje rješenje. XML je mnogo stroža implementacija SGML-a od HTML-a, a različiti XML prostori imena mogu se koristiti u istoj instanci. Stoga je oko 2000. godine World Wide Web Consortium (W3C) razvio i učinio XHTML jednom od svojih preporuka za rješavanje nekih od ovih novih problema.
Za sve namjere i svrhe, u većini slučajeva XHTML oponaša HTML, ali budući da prvi koristi XML imenski prostor, može ga raščlaniti bilo koji XML tumač, a HTML je ograničen samo na HTML tumače. XHTML je zapravo ponovno kreirani HTML pod restriktivnijim podskupom XML SGML-a. Dakle, noviji jezik mogao se odmah tumačiti postojećim web preglednicima, a postao je dostupan i za druge platforme. Također je važno zapamtiti da mora biti u skladu s proširivim aspektom XHTML firmware-a. Ne samo da omogućuje čitanje više programa i platformi, već se također proširuje kako bi omogućio korištenje drugih XML prostora imena u svojim dokumentima.
Zbog mogućnosti XHTML-a da uključi druge XML prostore imena u dokument, može se proširiti na nekoliko načina kako bi predstavljao više od samo formatiranja stranice. Na primjer, jezik za označavanje matematike (MathML) može biti uključen u ove dokumente za prikaz matematičkih formula i zapisa. Slike se također mogu ugraditi pomoću skalabilne vektorske grafike (SVG) imenskog prostora u ovu vrstu dokumenta. Dakle, XHTML također može biti uključen u drugi XML dokument.
Budući da je XHTML zapravo samo HTML rafiniran prema XML pravilima, nudi tri definicije tipa dokumenta (DTD) koje dupliciraju one u HTML verziji 4. DTD je detaljan opis elemenata označnog jezika, uključujući kada, gdje i kako mogu se koristiti i svi povezani atributi. Ali kasnije verzije XHTML-a uvele su XML sheme, još jedan, pouzdaniji način opisivanja XML dokumenta, koji je još više proširio XHTML. Zauzvrat, razvijene su razne skraćene verzije XHTML-a koje se mogu koristiti u posebne svrhe, od kojih se mnoge vrte oko mobilnih računalnih platformi.
Prilikom odabira DOCTYPE potrebno je jasno odrediti koji od dva standarda odabrati: HTML ili XHTML... I kako bih vam olakšao izbor, odlučio sam rastaviti razlika između HTML-a i XHTML-a.
Glavna razlika između HTML-a i XHTML-a je li to XHTML na temelju sintakse XML... I, posljedično, on je stroži i u njemu ne treba dopustiti one slobode koje se mogu dopustiti u HTML.
A sada ćemo analizirati točke specifičnosti XHTML sintakse:
1. Svaka oznaka mora biti zatvorena
Uparene oznake moraju biti zatvorene HTML također, ali to svi znamo u HTML postoji mnogo pojedinačnih oznaka (npr.<img>), a mogli bismo sa sigurnošću napisati ovako:
Međutim, u XHTML sve oznake moraju biti zatvorene, čak i pojedinačne, a zatvaraju se na sljedeći način:
Jedina razlika je kosa crta prije druge kutne zagrade.
2. Sve posebne znakove treba zamijeniti entitetima
Odnosno, ne možete pisati ovako: " & ", ovaj znak trebate napisati samo kao entitet, tj.," & ". V HTML ne postoji takvo pravilo.
3. Sve vrijednosti atributa moraju biti u navodnicima.
Svi to znamo u HTML može se napisati ovako:
To jest, imamo vrijednost atributa " širina"nalazi se bez navodnika. XHTML ovo je nedopustivo, i tu je potrebno napisati ovako:
4. Sve oznake i atributi moraju biti napisani malim slovima.
Da budem iskren, nikad nisam razumio zašto ljudi pišu oznake velikim slovima. Po mom mišljenju, to deformira kod, a postoji osjećaj da je napisan bez stiskanja " CAPSLOCK". Ali ako u HTML je stvar ukusa, onda u XHTML- ovo je pravilo: pisati samo malim slovima.
Kao što vidite, jedina razlika je u sintaksi. Postoje i druge manje razlike, ali nećemo o njima. Drugim riječima, jedina korist XHTML- lakši je raščlanjivanje dokumenta... Kao i XHTML vrlo pogodno za ljubitelje "čistog" koda. Nema više prednosti. Svi preglednici ispravno prikazuju i HTML, i XHTML... A često i preglednici XHTML tretirati kao HTML, dakle, za pojavu ozbiljnih razlike u HTML-u i XHTML-u definitivno neće.
odabrao sam za sebe XHTML, jer jako volim kada je kod "čist" i kada se lako može raščlaniti na sastavne dijelove ( raščlanjivanje). Da, i općenito sam navikao na strogu sintaksu drugih jezika, na primjer, Jave, pa ću ipak pisati što je moguće valjanije. A što ćete izabrati ovisi o vama, ali o tome razlike između HTML-a i XHTML-a Već znaš.
XHTML je napisan koristeći istu sintaksu kao HTML. Ipak, razlika između HTML-a i XHTML-a leži u skupu nekih obveznih pravila.
XHTML pravila su sljedeća.
- Sve oznake i njihovi atributi moraju biti upisani malim slovima (mala slova).
- Vrijednosti bilo kojeg atributa moraju biti stavljene u navodnike.
- Sve oznake moraju biti zatvorene, čak i one koje nemaju pridruženu završnu oznaku.
- Mora se paziti na ispravno ugniježđenje oznaka.
- Ne možete koristiti skraćene atribute oznake.
- Koristite id umjesto atributa name.
- DTD (definicija tipa dokumenta) treba definirati pomoću elementa .
Oznake moraju biti upisane malim slovima
Ovo pravilo je nastalo jer je XHTML osjetljiv na velika i mala slova, pa su oznake
i
razlikuju se. Kako bi se izbjegla zabuna, sintaksa prisiljava sve oznake, kao i njihove atribute, da budu mala slova. Primjer 3.1 pokazuje pogrešnu upotrebu oznaka.
Primjer 3.1. Pogrešan pravopis oznaka
XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet ...
U ovom primjeru oznake
iUpisuju se velikim slovima, što je pogreška. Primjer 3.2 prikazuje ispravan kod.
Primjer 3.2. Ispravan pravopis oznaka
XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet ...
Vrijednosti svih atributa moraju biti stavljene u navodnike
Iako HTML također zahtijeva da vrijednosti stavljate u navodnike, njihov nedostatak ni na koji način ne utječe na ispravnost koda. Dakle, možemo reći da je u HTML-u korištenje navodnika samo smjernica. 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
| Čeburaška | Shapoklyak |
|---|---|
| 1 | 5 |
| 4 | 13 |
U ovom primjeru, svi atributi oznake
navedeni su u navodnicima.
Sve oznake moraju biti zatvoreneU HTML-u oznake su podijeljene u dvije kategorije - uparene oznake, koje se nazivaju i spremnici, i pojedinačne oznake. Uparene oznake sastoje se od početne i završne oznake, au nekim slučajevima se završna oznaka može izostaviti. U XHTML-u je krajnja oznaka potrebna bilo kada i bilo gdje. 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 penje se, kradomice, u avion, i stavlja bombu u njegov trbuh, Neki programeri zanemaruju krajnje oznake , , ali XHTML njihov nedostatak smatra greškom. Primjer 3.5 pokazuje ispravnu upotrebu popisa.Primjer 3.5. Dodavanje popisa XHTML 1.0 IE Cr Op Sa Fx
U ovom primjeru, svaka početna oznaka ima svoju završnu oznaku. Elementnije dio XHTML dokumenta, tako da ne zahtijeva završnu oznaku. Pojedinačne oznake moraju završavati s kosom crtom ispred zagrade kutne 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 uočite potreban prostor koji prethodi konstrukciji />. Stol 3.1 prikazuje neke HTML oznake i kako su one napisane u XHTML dokumentu. Mora se poštivati pravilno ugniježđenje oznakaXHTML je kritičan za pogreške sljedećih tipova: netočno ugniježđenje jedne oznake unutar druge i mjesto oznake u neprikladnom spremniku. Ispravno ugniježđenje oznakaSvaka oznaka mora biti smještena unutar druge oznake, dok njihovo "presijecanje" nije dopušteno, kao što je prikazano u primjeru 3.7. Primjer 3.7. Pogreška položaja oznake XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet... U ovom primjeru, krajnja oznaka prethodi oznaci, iako bi trebalo biti obrnuto, što dovodi do greške. Vrijedno je promijeniti mjesta oznaka, jer kod postaje točan. Iako validator koda ispušta pogrešku ako su oznake netočno postavljene, preglednici ispravno prikazuju web stranicu. Hijerarhija oznakaSve oznake imaju strogi hijerarhijski sustav u smislu da svaka oznaka mora biti unutar druge oznake i ništa više. Korijenski element nalazi se na uvjetnom vrhu , a sve ostale oznake mogu sadržavati druge oznake unutar sebe, koje se nazivaju podređenim oznakama. Sukladno tome, podređene oznake nalaze se u nadređenom elementu. Prilikom pisanja XHTML koda morate poznavati i slijediti sustav podređenosti oznaka. Primjer 3.8 prikazuje osnovnu strukturu dokumenta. 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 ... Unutar odjeljka naslov dokumenta je pohranjen ("Prazna vrijednost", kako se ova greška također naziva, lako se ispravlja dodjeljivanjem vrijednosti atributu koji odgovara imenu. Stol 3.2 prikazuje neke od atributa i kako su napisani u HTML-u i XHTML-u.
Primjer 3-10 pokazuje ispravnu upotrebu gornjeg obrasca. Primjer 3.10. Ispravna upotreba atributa XHTML 1.0 IE Cr Op Sa Fx
Umjesto atributa name, morate navesti idAtribut imena definiran je u HTML-u za oznake , , |
|---|
