|
IPRO - PC Magazine Romania, Ianuarie 2004
SOLUŢII PENTRU PROGRAMATORII ŞI DESIGNERII WEB
Introducere în XHTML
Emanuel Baruch
Orice creator de situri a folosit tabele pentru a poziţiona elemente din cadrul
unei pagini web. Aceasta este de altfel cea mai simplă şi în acelaşi timp cea
mai practică metodă de aranjare a conţinutui pe Internet, fiind înţeleasă şi
interpretată corect de toate browserele.
Încet, încet, odată cu apariţia şi răspândirea browserelor moderne, epoca utilizării
acestor tabele mai mult sau mai puţin intercalate, a blocurilor de text îngreunate
de specificaţii repetate priviind fontul, culoarea, mărimea - apune. Trecerea
la XHTML şi CSS (Cascading Style Sheets) devine astfel o problemă de mare actualitate.
(A nu se înţelege greşit: XHTML nu interzice folosirea tabelelor intercalate).
În urmă cu trei ani, Consorţiul W3C a decis ca HTML 4 să fie înlocuit cu XHTML.
Varianta HTML 5 nici nu avea să mai apară. XHTML reprezină o reformulare a limbajului
HTML după principiile XML. Probleme de compatibilitate nu vor exista, deoarece
XHTML suportă toate tag-urile din cadrul HTML 4.
Ce se schimbă?
Instrucţiuni concrete de formatare nu vor mai fi incluse direct în paginile
web, ci în fişiere CSS. Cu alte cuvinte, fişierele XHTML vor conţine doar structuri
logice de conţinut propriu-zis, iar modul în care acesta apare pe ecranele vizitatorilor
va fi definit exclusiv cu ajutorul CSS.
Aici trebuie precizat că browserele încă interpretează CSS în mod diferit,
astfel că designerii web care doresc layout-uri fixate cu cea mai mare precizie,
vor trebui să aplice diverse trucuri, asemănătoare celor din epoca tabelelor
layout (există cineva care nu a folosit imagini gif transparente de 1x1 pixeli
pentru poziţionarea exactă a unor elemente?).
5 reguli de bază
- Fişierele HTML trebuie să conţină informaţii corecte de codificare în header
(doctype)
- Tag-urile vor fi scrise cu litere mici;
- Toate tag-urile trebuie închise (chiar şi <br> sau <img ...>);
- Toate atributele vor fi incluse între ghilimele;
- Toate atributele trebuie să aibă o valoare.
Respectarea acestor reguli garantează compatibilitatea codului XHTML cu browsere
mai vechi. Nu ne referim la Internet Explorer 3 sau la alţi dinozauri asemănători!
Suntem totuşi în anul 2004 şi oricine are pretenţia de a fi un cunoscător al
navigării pe internet ar trebui să-şi upgradeze browserul cel puţin o dată pe
an.
Tag-urile "Jurassic"
Dacă tot am pomenit de dinozauri, să trecem în revistă şi tag-urile eliminate
din XHTML. Am spus la început că XHTML suportă toate tag-urile din cadrul HTML
4 iar acum afirmăm că există totuşi tag-uri care au fost eliminate. Contradicţie?
Nu. Aceste tag-uri au fost deja cosiderate depreciate în HTML 4 iar utlizarea
lor a fost nerecomandată, chiar dacă majoritatea browserelor au continuat să
le suporte. Începând cu XHTML, existenţa lor este de domeniul trecutului. Acestea
sunt:
font, applet, base-font, center, dir, isindex, menu, s, strike, u
De asemenea, atributul "name" a dispărut. În locului lui se va folosi
"id".
Mai mult, XHTML 1.1 împarte toate tag-urile în trei categorii. Browserele se
pot limita doar la una dintre acestea, ceea ce simplifică foarte mult implementarea
XHTML pe echipamente cu resurse limitate, cum ar fi PDA-uri sau telefoane mobile.
Doctype devine extrem de important, informând browserul ca va primi un fişier
XHTML şi nu un alt tip de fişier XML (cum ar fi SVG sau MathML). Ca şi la HTML
4, există trei posibilităţi:
- HTML Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
- HHTML Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// EN"
"http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd>
- HTML Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frame-set// EN"
"http://www.w3.org/TR/xhtml1/ DTD/xhtml1-frameset.dtd>
Acestea erau obligatorii de la HTML 4, însă lipsa lor nu deranja nici un browser.
După acest tag este recomandată utilizarea tag-ului html, în care vor fi incluse
atribute cu referire la limbă:
<html xmlns="http://www.w3.org/
1999/xhtml" xml:lang="ro" lang="ro">
Cu primul tag din header ar trebui specificat şi setul de caractere:
<meta http-equiv="Content-type"
content="text/html;charset=UTF-8"/>
Despre modul de formatare a textului, poziţionarea conţinutului cu ajutorul
exclusiv al CSS vom vorbi în numerele următoare.
|
