5 erori des intalnite la validarea xHTML

postat acum 6 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!
Comentariu postate de download minecraft la data de 14.05.2019
I was wondering if you ever considered changing the structure of your site? Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect with it better. Youve got an awful lot of text for only having one or two pictures. Maybe you could space it out better?
Comentariu postate de free minecraft download la data de 15.05.2019
Oh my goodness! Incredible article dude! Thank you, However I am experiencing troubles with your RSS. I don't understand why I am unable to join it. Is there anyone else getting the same RSS issues? Anyone that knows the solution will you kindly respond? Thanks!!
Comentariu postate de minecraft download free pc la data de 16.05.2019
Normally I don't read post on blogs, but I would like to say that this write-up very compelled me to check out and do so! Your writing style has been surprised me. Thank you, very great post.
Comentariu postate de download minecraft la data de 17.05.2019
Howdy! This is my 1st comment here so I just wanted to give a quick shout out and say I truly enjoy reading your blog posts. Can you recommend any other blogs/websites/forums that deal with the same subjects? Appreciate it!
Comentariu postate de minecraft download free pc la data de 17.05.2019
I was suggested this blog by my cousin. I'm not sure whether this post is written by him as nobody else know such detailed about my trouble. You are incredible! Thanks!