5 erori des intalnite la validarea xHTML

postat acum 4 ani de Stefanescu Mihai in categorie iNoob

Cu siguranta v-ati hotarat la un moment sa va validati site-ul cu ajutorul unui serviciu ca acesta(sau daca folositi Opera click dreapta -> Validate). Si sunt sigur ca ati ramas masca dupa afisarea rezultatelor, ati vazut cateva zeci de erori si v-ati dat seama ca este imposibil sa le corectati. De curand am devenit si eu destul de interesat de subiect, si am validat cateva din site-urile pe care am lucrat la un moment dat, si am descoperit cateva erori care se tot repede.

1.Adauga text alternativ imaginilor

Acest lucru nu doar ajuta la validare ci si la imbunatatirea site-ului pe partea de SEO. De fiecare data cand folosesti tag-ul <img> trebuie sa adaugi un text alternativ. Daca nu ai ce text sa adaugi macar pune un alt gol.

!invalid

[cc name=”imginvalid”]

Valid

[cc name=”imgvalid”]

2.Inchide tag-urile ce nu se inchid

Tag-urile <img>, <br>, <meta>, s.a.m.d nu se mai inchid (presupun ca deja stiati asta…)

  • <img> -> <img />
  • <br> -> <br />
  • <meta> -> <meta />

Alte tag-uri ce nu se inchid

  • <area />
  • <base />
  • <basefont />
  • <hr />
  • <input />
  • <link />

3.Nu folosi majuscule in tag-uri

Un exemplu este tag-ul pentru meta verificare dat de  Yahoo! Site Explorer (Yahoo webmaster tool) care este scris cu majuscule si nu are slash-ul de inchidere la final. Pentru a evita ca site-ul tau sa fie invalid din aceasta cauza trebuie sa schimbi majusculele cu litere mici si sa inchizi tag-ul.

Cod Y! – !invalid

[cc name=”ynvalidmeta”]

Cod modificat – Valid

[cc name=”yvalidmeta”]

4.Validare JavaScript Inline

Daca ai coduri JavaScript in pagina trebuie sa le faci valide in felul urmator:

!invalid

[cc name=”jsinvalid”]

Valid

[cc name=”jsvalid”]

Adaugand tag-ul CDATA iti faci codul javascript inline valid. Daca folosesti un javascript extern nu vei avea probleme de validitate, deci nu trebuie sa iti faci griji.

5.Validarea video-urilor embed de pe

Daca folosesti codul de embed de pe youtube vei observa ca nu este xHTML valid. Asta pentru ca <embed> este  lasat de o parte in favoarea elementului <object>.

Iata codul pe care il vei primii de la youtube:

[cc name=”ytbcodenvalxhtm”]

Dupa cateva modificari este si xHTML valid:

[cc name=”ytbcodevalxhtm”]

Ce am facut:

  • am eliminat tag-ul <embed>
  • Am adaugat type=”application/x-shockwave-flash”  in tag-ul <object>.
  • Am adaugat atributul data=”” tagului <object>.
  • Toate & au fost schimbate in &amp;
  • Tag-ul <param>este inchis acum.

Asta cred ca este tot…daca am omis ceva aveti rubrica de comentarii la dispozitie!

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!
Comentariu postate de Razvan Gavrila
Foarte interesant, multumim. Maine voi incerca sa imi validez siteul ???? dar nu cred ca am vreo sansa!