XHTML: codare web pentru design rafinat

• Mai 16, 2024

XHTML 1.0 și 1.1 sunt pentru EXtensible HyperText Markup Language și reprezintă un salt uriaș înainte de HTML 4.0. Acestea combină tot ce este mai bun de HTML 4.0 cu XML pentru a oferi designerului o schemă de codificare mai sofisticată pentru un design web rafinat și mai decisiv.

W3C, părinții tuturor limbilor HTML, au descris XHTML 1.0 drept „prima schimbare majoră la HTML, deoarece HTML 4.0 a fost lansat în 1997. Acesta aduce rigurozitatea XML în paginile Web și este piatra cheie în lucrarea W3C pentru a crea standarde care să ofere pagini web mai bogate pe o gamă din ce în ce mai mare de platforme de browser, inclusiv telefoane mobile, televizoare, mașini, portofeluri de dimensiuni mobile, chioșcuri și desktopuri. "

Variații XHTML

Trei tipuri distincte de XHTML sunt disponibile pentru a răspunde nevoilor tuturor designerilor web. Acestea includ XHTML Strict, Tranzițional și Frameset.

XHTML 1.0 Strict - cea mai pură formă pentru designeri web cu experiență. Această versiune vă permite să creați un cod curat grăbit, fără a fi necesar să introduceți codul de aspect (font, culoare, aspect) în documentul dvs. În schimb, includeți codul CSS (Cascading Style Sheet (CSS)) la început.

XHTML 1.0 Tranzițional - un mijloc al formatului codului rutier care să ajute proiectanții care au nevoie de timp pentru a învăța acest nou mijloc de codificare sau doresc să găzduiască spectatorii care încă mai folosesc browsere web mai vechi. Foile de stil sunt utilizate, dar este încorporat un cod HTML vechi vechi. De exemplu, eticheta corpului include încă atributele bgcolor, text, link-uri, vlinks.

XHTML 1.0 Frameset - această variație este explicativă - o utilizați atunci când doriți să încorporați XHTML într-un document bazat pe cadru.

Încă o versiune mai avansată, XHTML 1.1 permite adăugarea codului modular pentru nevoile internaționale și de alte coduri speciale. Modulele RUBY sunt încorporate pentru a facilita această codificare suplimentară. Cea mai importantă modificare în XHTML 1.1 este decuplarea datelor de la prezentare. Formatarea nu mai este încorporată cu date și poate fi realizată doar prin referire la fișierele de stil în cascadă (CSS). Acest lucru lasă datele disponibile pentru o analiză și reutilizare ușoară printr-o gamă largă de produse noi care nu sunt pe desktop și aplicații de accesibilitate.

Afișarea HTML-ului

Dave Raggett și Source Forge de la W3C oferă în prezent o utilitate grozavă open-source, HTML Tidy pentru designerii care doresc să-și convertească documentele HTML curente în XHTML (și să-și aranjeze codul în acest proces). Acest instrument util vă va ajuta codul să strălucească, efectuând toate aceste sarcini utile:

• Etichetele finale lipsă sau nepotrivite sunt detectate și corectate


• Etichetele finale în ordine greșită sunt corectate


• Remediază problemele cu accentul pe titlu


• Se recuperează din etichetele mixte


• Adăugarea tăierii lipsă în etichetele finale pentru ancore


• Perfecționarea listelor prin introducerea etichetelor lipsă


• Se adaugă ghilimele în jurul valorilor atributului


• Atributele necunoscute / proprietate sunt raportate


• Elementele proprietate sunt recunoscute și raportate ca atare


• Etichetele care nu au o paranteză de încheiere sunt identificate


• Înlocuiește codul de aspect în exces cu proprietăți și reguli de stil folosind CSS


• Șterge elementele de paragraf și titlu goale

Nitty Gritties

Una dintre „regulile” primare atunci când se utilizează XHTML este aceea că codul trebuie să fie curat și complet.

• Toate elementele trebuie să aibă etichete de închidere și să cuibărească corect.


• Toate etichetele trebuie scrise cu majuscule - XML ​​este sensibil cu majuscule.


• Etichetele finale trebuie să fie incluse pentru TOATE element


• Toate atributele trebuie să fie între ghilimele de ex. latime, colspan, intervale de randuri


• Elementele goale trebuie să aibă o etichetă finală

O mana de ajutor

Vă simțiți copleșit despre învățarea unui alt format HTML? Ajutorul este la îndemână, dacă da. XStandard este un editor de cod WYSIWYG care vă ajută să scrieți codul XHTML pur în XHTML 1.0 Strict sau XHTML 1.1. Creatorii descriu acest software drept: "cel mai avansat editor WYSIWYG bazat pe standarde de pe piață. Este ideal pentru orice sistem de gestionare a conținutului bazat pe Windows sau browser care acceptă ActiveX. XStandard gestionează conținut bogat în orice limbă, are caracteristici puternice de accesibilitate. și acceptă opțiunile de editare populare, inclusiv tabele, înfășurarea textului în jurul imaginilor și drag & drop fișier în editor. " Software-ul este inclus într-o versiune gratuită XStandard Lite și o versiune XStandard Pro mai versatilă.

Dacă doriți ca site-ul dvs. să funcționeze bine în browserele și dispozitivele care nu sunt tradiționale de astăzi și să continue să funcționeze bine în ziua de mâine, este bine să autorizați noi site-uri în XHTML și să convertiți paginile vechi în XHTML, după cum permite programul de lucru. Desigur, acesta nu este sfârșitul! Deja, se lucrează la crearea XHTML 2.0. Mișcarea constă în concentrarea exclusivă asupra structurii, nu a compatibilității înapoi. Puteți citi despre această nouă formă de XHTML pe site-ul IBM în articolul lor, Viitorul Web: XHTML 2.0.

Serii de articole HTML evidențiate

PARTEA 1: Ar trebui ca un proiectant credibil să cunoască HTML?
PARTEA 2: HTML 3.2 - Nașterea lui Wilbur
PARTEA 3: HTML 4.0 ȘI 4.01 - Mai multe lucruri bune!
PARTEA 4: XHTML: codare web pentru design rafinat
PARTEA 5: DHTML: codare web dinamică

Instrucțiuni Video,: Imagini in HTML. Tutorial + Curs web design online (2018) (Mai 2024).