Share
Validarea W3C nu este uneori foarte iertantă, dar vă permite să vedeți erorile generate de marcarea dvs. O mulțime de erori și avertismente aruncate de validator sunt un bun indicator că XHTML-ul dvs. nu este în formă foarte bună și este posibil să nu pară consecvent în diferite browsere. Iată 10 probleme de validare mascate pe care dezvoltatorii de excursii și cum să le evitați.
Înainte de a începe, iată câteva bune practici de reținut când utilizați validatorul W3C.
Cu ajutorul acestor sfaturi de bază, să aruncăm o privire asupra unora dintre motivele pentru care marcajul dvs. nu este validat.
Unul dintre motivele cele mai frecvente pentru care machetele nu sunt validate. Nu inceteaza niciodata sa uimeasca cat de des este acest vinovat pentru un aspect funky. Unclased tags div sunt una dintre cele mai comune greșeli de aspect, și, de asemenea, una dintre cele mai greu de diagnosticat. Validatorul nu indică întotdeauna eticheta div divizată corect, deci nu este întotdeauna ușor să găsiți acul în haystack.
La începutul anilor 90, browserele precum Microsoft și Netscape au început să recunoască declarații de fonturi unice care nu au fost niciodată standardizate. Din păcate, acest lucru înseamnă că validatorul W3C încă nu recunoaște câteva etichete HTML importante, cum ar fi "încorporați", chiar dacă acestea sunt utilizate pe scară largă pentru această zi. Dacă sunteți într-adevăr căutați să obțineți acea validare validă DOCTYPE, va trebui să eliminați încorporarea.
Dacă într-adevăr doriți să aveți marcaj valid și media încorporată, încercați să utilizați metoda Flash Satay.
O greșeală frecventă fie nu este declararea unui DOCTYPE, fie declararea DOCTYPE greșit la capul documentului. Ca regulă generală, Strict DOCTYPE este cea mai mare validare pentru care trebuie să tragi. Validarea strictă înseamnă că sunteți pagini web care au cea mai bună imagine la afișarea corectă în toate browserele. Iată cum arată o declarație strictă:
Dacă site-ul dvs. nu este validat în mod corespunzător, atunci există o șansă bună ca motivul să fie o loviŃă de reŃinere care lipsește undeva în codul dvs. Este foarte ușor să ignori ceva asemănător unei tăieturi înclinate, în special în elemente precum etichetele de imagine. De exemplu:
Acest lucru nu va valida împotriva unei DOCTYPE stricte. Adăugați un "/" înainte ca tag-ul img să se încheie în fiecare caz pentru a rezolva problema.
Veți fi bine să utilizați eticheta "aliniere" dacă DOCTYPE este setat la "Transitional", dar dacă ați ales calea superioară și ați ales o validare strictă, veți vedea erori. Align este o altă etichetă depreciată care nu mai trebuie folosită în marcare. În loc să aliniați, încercați să utilizați pluti sau aliniere text pentru a schimba elementul.
Dacă ați declarat un DOCTYPE strictă, va trebui să înfășurați etichetele CDATA în jurul codului dvs. JavaScript. Acest aspect al validării a împiedicat mulți dezvoltatori, deoarece site-urile tind să utilizeze JavaScript in-line pentru lucruri precum anunțurile și scripturile de urmărire. Dacă trebuie să includeți JavaScript, trebuie doar să adăugați aceste etichete înainte și după:
Dacă nu ați observat până acum, imaginile reprezintă o piatră de poticnire importantă pentru o validare bună. În afară de tăieturile posterioare, ele necesită și alte etichete care descriu imagini, adică alt = "Imagine vampirilor înfricoșătoare".
Motoarele de căutare se bazează, de asemenea, pe această etichetă alt pentru a ajuta la identificarea imaginilor pe pagină, deci este bine să adăugați tag-urile alt.
Entitățile sunt o altă capcană mică care tind să stea în calea validării. În loc să utilizați elemente precum simbolul "&", este o idee bună să utilizați caractere codificate corespunzător. Iată o listă completă a entităților de caractere codate corespunzător pentru a fi utilizate în marcarea XHTML.
Nesting este atunci când aveți elemente în interiorul elementelor, cum ar fi:
Dulce!
Este destul de ușor să se amestece și amestecați este ordinea elementelor imbricate. De exemplu, începeți eticheta puternică înainte de eticheta div, dar mai întâi închideți eticheta div. Acest lucru nu poate modifica aspectul aspectului, dar cu siguranță va menține marcajul dvs. de validare.
Deși poate părea o problemă evidentă, mulți dezvoltatori (inclusiv mine) încă mai lasă o etichetă "titlul" în secțiunea "cap", din când în când. Dacă vedeți eroarea "lipsește un sub-element necesar al HEAD", atunci știi că lipsește o etichetă de titlu.
Dacă ați găsit acest post util, vă rugăm să voteze pentru el pe Digg.
Accentsconagua