Se intampla chiar des ca paginile Web create sa nu arate in browser asa cum au fost ele proiectate. Rezolvarea unor astfel de deficiente poate fi dificila, deoarece cand scrieti codul HTML aveti doar o imagine mentala a modului cum ar trebui sa arate pagina. O solutie pentru a face procesul de depanare mai usor ar fi sa vizualizati pagina cu ajutorul browserului pe masura ce o construiti. Puteti izola diversele sectiuni ale paginii pentru a verifica functionarea fiecareia dintre ele.

Cele mai multe greseli care pot aparea se datoreaza erorilor in codului sursa al paginii. Sintaxa codului este de o importanta critica in HTML. Cele mai comune probleme de sintaxa care apar sunt:

• absenta etichetelor de inchidere < / >
• imperecherea etichetelor HTML
• ghilimelele ” “

• imbricarea etichetelor

Tipuri de probleme

O caracteristica de formatare afecteaza o secventa mai mare de text decat era prevazut

Sa presupunem ca ati folosit intr-o sectiune a paginii una dintre etichetele de titlu, <H3> de exemplu. La vizualizarea paginii in browser constatati ca nu doar textul pe care doreati sa-l evidentiati este formatat astfel, ci o parte mai mare a textului din pagina.
O astfel de situatie este provocata de:

• Absenta unuia dintre caracterele ” < ” sau ” > “
• Absenta etichetei de inchidere </H3>
• Imbricarea defectuoasa a etichetelor HTML

O eticheta de inchidere careia ii lipseste unul dintre caracterele “< “sau “>” nu va fi interpretata corect de browser, prin urmare formatul nu va lua sfarsit decat in punctul in care browserul intalneste caracterul respectiv. Aceasta poate determina afisarea intr-un format gresit a unui text.

Daca acest element este un titlu, tot textul dintre eticheta de deschidere asociata titlului si cea mai apropiata eticheta de inchidere intalnita va fi afisat ca titlu. Daca acest element este text ancora, tot textul dintre eticheta de deschidere <A> si prima eticheta de inchidere intalnita va fi afisat ca o legatura (de culoare albastru si subliniat).

O eticheta de inchidere absenta sau o imperechere inadecvata de etichete va provoca probleme similare. Uneori problemele sunt dificil de urmarit si rezolvat. Urmarirea unei probleme se face in sens descendent, defectiunea trebuie cautata acolo unde incepe secventa de cod eronata si nu unde se sfarseste.

O parte din textul paginii nu este afisat

Textul sau obiectele care lipsesc din pagina pot fi depistate prin urmarirea ghilimelelor ” ” si a etichetelor gresit inchise si care contin adrese URL.

Daca pagina contine ghilimele de deschidere in interiorul unei etichete, si cele de inchidere trebuie sa se regaseasca in aceeasi eticheta. O eticheta din care lipsesc ghilimelele de inchidere nu este interpretata corect si acest lucru poate produce rezultate bizare. Daca eticheta careia ii lipsesc ghilimelele este o eticheta ancora, intreg textul de la primele ghilimele pana la urmatoarele intalnite ar putea fi interpretat de browser ca parte dintr-o adresa URL.

O alta eroare care poate provoca acelasi efect este inchiderea gresita a etichetei continand o adresa URL. Daca o astfel de eticheta nu este inchisa corespunzator, browserul ar putea interpreta orice text care urmeaza, pana la eticheta de inchidere corespunzatoare, ca fiind parte a adresei URL.

Problema se rezolva prin examinarea etichetelor aflate inaintea portiunii de text care nu este afisata. Eroarea ar putea proveni de la orice eticheta care contine ghilimele sau o adresa URL. Ghilimelele utilizate in editorul de text cu ajutorul caruia scrieti codul HTML trebuie sa fie intotdeauna in standard ASCII. Unele editoare de text utilizeaza asa-numitele “smart quotes” , in care ghilimele de deschidere arata diferit fata de cele de inchidere. Daca procesorul de text cu care lucrati are aceasta posibilitate, ea trebuie dezactivata, deoarece acest tip de ghilimele, nefiind in standardul ASCII, nu vor functiona corect in HTML.

Afisarea defectuoasa a formatului

In cazul cand formatul afisat de browser nu este cel asteptat verificati mai intai compatibilitatea dintre browser si stilul de caractere specificat in codul HTML. Browserul trebuie sa fie capabil sa afiseze stilul ales. Atunci cand sunt folosite stiluri logice, browserul este ultima instanta in decizia privind stilul caracterelor afisate.

O metoda rapida de verificare a existentei unei probleme de compatibilitate este de a afisa paginile utilizand browsere diferite, dintre care unul sa poata afisa in mod sigur stilul de caracter utilizat. Daca acel browser afiseaza textul incorect, se face verificarea codului HTML. Daca textul este afisat corect, atunci exista o incompatibilitate cu celelalte browsere.
In codul HTML, problema poate fi legata de o imbricare defectuoasa a etichetelor. Verificati modul cum au fost imbricate etichetele de formatare din sectiunea de pagina asociata cu eroarea respectiva. Astfel o constructie de tipul urmator:

<EM>Iti multumesc ca ai vizitat <STRONG>Pagina</EM>mea</STRONG>

nu va functiona corect, deoarece etichetele <EM> si <STRONG> sunt imbricate eronat.