5 erori des intalnite la validarea xHTML

iNoob | Stefanescu Mihai | 2020-10-11

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!


Imi place ce faci aici
Daca iti place ce fac aici imi poti cumpara o cafea Buy Me a Coffee at ko-fi.com

Stefanescu Mihai
Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.
       

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum.

Posteaza un comentariu

Comentarii

Razvan Gavrila
Razvan Gavrila | 2020-09-26 14:29
Foarte interesant, multumim. Maine voi incerca sa imi validez siteul ???? dar nu cred ca am vreo sansa!

Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.

🗝ïļ Login 🌟 Register

🔖 Bookmarks ⊞
âœĻ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌊ïļ Discord ⊞

Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.

⮆ïļ