XHTML: Web kodiranje za pročišćeni dizajn

• Travanj 30, 2024

XHTML 1.0 i 1.1 označavaju Extensible HyperText Markup Ltjeskoba i predstavljaju ogroman skok naprijed s HTML 4.0. Oni kombiniraju najbolje HTML 4.0 s XML-om kako bi dizajneru dali sofisticiraniju shemu kodiranja za rafiniraniji i odlučniji web dizajn.

W3C, roditelji svih HTML jezika, opisali su XHTML 1.0 kao "prvu veliku promjenu HTML-a od kada je HTML 4.0 objavljen 1997. On donosi krutost XML-a na web stranice i ključni je kamen u W3C-ovom radu na stvaranju standarda koji omogućuju bogatijih web stranica na sve većem rasponu platformi preglednika, uključujući mobitele, televizore, automobile, bežične komunikatore veličine, novčanike i radne površine. "

Varijacije XHTML-a

Dostupne su tri različite vrste XHTML-a za potrebe svih web dizajnera. Oni uključuju strogi, prijelazni i okvirni XHTML.

XHTML 1.0 strog - najčišći oblik za iskusne web dizajnere. Ova verzija omogućuje vam stvaranje kreštavog čistog koda, bez potrebe za umetanjem koda izgleda (fonta, boje, izgleda) u svoj dokument. Umjesto toga, na početku možete uključiti kod Cascading Style Sheet (CSS).

XHTML 1.0 Prijelazni - sredina je formata putnog koda kako bi se pomoglo dizajnerima kojima treba vremena da nauče ovo novo sredstvo kodiranja ili da ugoste gledatelje koji i dalje koriste starije web preglednike. Koriste se tablice sa stilovima, ali je ugrađen i dobar stari HTML kod. Na primjer, oznaka tijela i dalje uključuje atribute bgcolor, tekst, veze, vlinks.

XHTML 1.0 Frameset - ova je varijacija samorazumljiva - koristite je kada želite uključiti XHTML u dokument koji se temelji na okviru.

Još jedna naprednija verzija, XHTML 1.1 omogućava dodavanje modularnog koda za međunarodne i druge posebne potrebe kodiranja. Uključeni su RUBY moduli kako bi se olakšalo ovo dodatno kodiranje. Najznačajnija promjena u XHTML 1.1 je uklanjanje podataka iz prezentacije. Formatiranje više nije ugrađeno u podatke i može se postići samo referenciranjem Cascading Style Sheets (CSS). To ostavlja podatke dostupnima za lako raščlanjivanje i ponovnu upotrebu pomoću širokog spektra novih ne-desktop proizvoda i aplikacija za pristup.

Uređivanje HTML-a

W3C-ovi Dave Raggett i Source Forge trenutno nude sjajan uslužni program otvorenog koda, HTML Tidy, dizajnerima koji žele pretvoriti svoje trenutne HTML dokumente u XHTML (i pospremili svoj kôd u tom postupku). Ovaj će vam zgodan alat pomoći da vaš kôd zasjati izvršavanjem svih ovih korisnih zadataka:

• Otkrivene ili neusklađene krajnje oznake otkrivaju se i ispravljaju


• Završne oznake pogrešnim redoslijedom ispravljaju se


• Popravlja probleme s naglaskom na zaglavlju


• Oporavi od miješanih oznaka


• Dodavanje propuštene crte u završne oznake za sidra


• Usavršavanje popisa stavljanjem oznaka koje nedostaju


• Nedostaju navodnici oko vrijednosti atributa


• Izvještavaju se nepoznati / vlasnički atributi


• Vlasnički elementi prepoznaju se i izvještavaju kao takvi


• Označene su oznake bez zaključnog ugla


• Zamjenjuje višak koda izgleda s svojstvima stila i pravilima pomoću CSS-a


• Brisanje praznih elemenata stavka i naslova

Nitty Gritties

Jedno od glavnih "pravila" kada koristite XHTML je da kôd mora biti čist i cjelovit.

• Svi elementi moraju imati oznake za zatvaranje i pravilno se gnijezde.


• Sve oznake moraju biti napisane malim slovom - XML ​​razlikuje velika i mala slova.


• Završne oznake moraju biti uključene u SVI elementi


• Svi atributi moraju biti u navodnicima, npr. širina, colspan, rowpan


• Prazni elementi moraju imati završnu oznaku

Ruka koja pomaže

Osjećate se prezauzetno zbog učenja još jednog HTML formata? Pomoć je na raspolaganju, ako je tako. XStandard je WYSIWYG uređivač koda koji vam pomaže da napišete čisti XHTML kod u XHTML 1.0 Strict ili XHTML 1.1. Kreatori opisuju ovaj softver kao: "najnapredniji, WYSIWYG uređivač temeljen na standardima na tržištu. Idealan je za bilo koji Windows ili sustav za upravljanje sadržajem temeljen na pregledniku koji podržava ActiveX. XStandard upravlja bogatim sadržajem na bilo kojem jeziku, ima snažne značajke pristupačnosti i podržava popularne mogućnosti uređivanja, uključujući tablice, omatanje teksta oko slika i povlačenje i spuštanje datoteka u uređivač. " Softver dolazi u besplatnoj verziji XStandard Lite i svestranijoj XStandard Pro verziji.

Ako želite da vaša web lokacija dobro funkcionira u današnjim preglednicima i netradicionalnim uređajima i da nastavite dobro raditi u sutrašnjim danima, dobro je stvoriti nove web lokacije u XHTML-u i pretvoriti stare stranice u XHTML onako kako vam dopušta radni raspored. Naravno, ovo nije kraj! Već se radi na stvaranju XHTML 2.0. Potez je usredotočiti isključivo na strukturu, a ne na kompatibilnost unatrag. O ovom najnovijem obliku XHTML-a možete pročitati na IBM web mjestu u njihovom članku, Budućnost weba: XHTML 2.0.

HTML Istaknite niz članaka

1. DIO: Treba li vjerodostojni dizajner znati HTML?
2. DIO: HTML 3.2 - Rođenje Wilburga
DIO 3: HTML 4.0 I 4.01 - više od dobre stvari!
DIO 4: XHTML: Web kodiranje za pročišćeni dizajn
DIO 5: DHTML: Dinamičko web kodiranje

Upute Video: Osnove HTML, CSS i JavaScript #18 - Implementacija - fiksirane pozadine (Travanj 2024).