Verificarea codului html pentru validitatea site-urilor

World Wide Web Consortium, W3C
Verificarea codului HTML pentru validitatea site-urilor DLE. Verificarea codului CSS al codului șablonului pentru validitatea serviciului oficial W3C

Salutări tuturor! Astăzi vom vorbi despre codul HTML și CSS, mai exact despre validare. Valabilitatea este conformitatea codului cu anumite norme. Consorțiul World Wide Web (W3C) stabilește aceste standarde pentru noi.






Verificarea codului HTML pentru validitatea site-urilor DLE. Verificarea codului de șablon CSS pentru valabilitatea serviciului oficial W3C

World Wide Web Consortium, W3C
Consorțiul stabilește standardele pentru World Wide Web și sarcina dezvoltatorilor de software, în special a browserelor de internet, recomandă punerea în aplicare a acestor standarde în dezvoltarea lor. Din păcate, nu toți aceștia respectă aceste norme.

Verificarea codului HTML pentru validitatea serviciului oficial W3C


Resursa oficială W3C oferă webmasterilor servicii foarte utile, pentru a identifica erorile în codul HTML și CSS, este validatorul. Pentru a ajunge la pagina principală a serviciului Validate HTML W3C, faceți clic pe link.

Verificarea codului html pentru validitatea site-urilor
Pagina de cod HTML pentru validitatea serviciului oficial W3C
Alegeți cea mai bună opțiune de verificare pentru resursa dvs. din cele trei file

Dacă selectați oricare dintre opțiuni dând clic pe Verificare, va deschide următoarea pagină. De exemplu, am verificat pagina principală a Yandex și iată ce am primit:

Verificarea codului html pentru validitatea site-urilor

După cum puteți vedea, serviciul a arătat că există 38 de erori și 8 avertismente. Respectați absolut toate standardele este foarte dificil, în special pentru un portal atât de mare. Mai jos este o listă de erori și avertismente cu descrieri detaliate și recomandări pentru corectarea acestora:
Erori și avertismente ale validatorului sunt toate în limba engleză, dar dacă cunoașteți limba HTML, veți înțelege esența și, dacă nu, veți găsi întotdeauna informații în căutarea sau puteți folosi un fel de forum legat de crearea de site-uri și de designul web. Răspunsurile vor fi cu siguranță găsite;).
Setări de Validare HTML
Pe pagina veți găsi setările de verificare, care pot fi foarte utile:

Amintiți-vă în metodele de corectare a erorilor pentru diferite sisteme de management al site-urilor (CMS), nu, deoarece HTML este același peste tot. Un alt lucru în cazul în care erorile din motor, în cazul dumneavoastră pe DataLife Engine DLE. deoarece nu întotdeauna pot fi stabilite fără pierderea eficienței. CMS poate fi construit chiar de la început, iar singurul lucru care poate provoca erori este tot felul de plug-in-uri și coduri terțe (bannere, contoare). Uneori trebuie să sacrifici ceva și să refuzi.






Pentru promovarea cu succes a resurselor este important să se respecte standardele W3C, dar numeroasele plugin-uri își fac în mare parte afacerea lor "neagră" și strică totul, timpul va spune!

Ce ne dă codul valid?
Mai întâi de toate, este garantul afișării corecte a paginilor în browserele moderne. Viteza de încărcare a paginilor va scădea. De asemenea, codul corect poate afecta pozitiv clasamentul în SERP! Prin urmare, nu o dezactivați mult timp și, dacă este posibil, verificați site-ul (șablonul) pentru valabilitate, poate chiar și acum!

Validarea CSS prin validitatea serviciului oficial W3C

Fonturi de stil cascadă CSS (din foile de stil cascadă engleză) - o tehnologie specială care vă permite să descrieți aspectul limbajului de marcare a documentelor. Folosind CSS, puteți face cu ușurință aspectul fără a aglomera codul documentului în sine, ceea ce accelerează foarte mult viteza de descărcare.

Este foarte important ca foile de stil să fie corecte pentru orice site, deci există un serviciu util pe care W3C îl oferă pentru testare.
Ce fac testele de cod CSS?

De exemplu, șablonul dvs. are o solicitare pentru încărcarea unei imagini grafice în stilurile CSS, dar această imagine grafică (imagine) nu există în dosar. În consecință, site-ul dvs. va fi suspendat la fiecare încărcare a paginii, ceea ce nu este foarte bun. Și dacă dacă există o mulțime de astfel de fotografii? Site-ul va fi foarte lung pentru încărcare.

De asemenea, se întâmplă mai ales cu șabloane gratuite pentru DLL-uri și RIP-uri în cod CSS, fiind înregistrate setări care nu se aplică unui singur fișier conform șablonului. acest lucru este, de asemenea, o greșeală grosieră și gunoi suplimentar.

Pentru a evita astfel de probleme, vă sfătuiesc să utilizați acest serviciu pentru a căuta și remedia erorile.


Să trecem la serviciul oferit pentru verificarea valabilității CSS și să verificăm pentru exemplul pagina principală a Yandex. Dacă faceți clic pe linkul spre pagina validatorului CSS, se deschide o fereastră nouă care arată astfel:

Spre deosebire de HTML W3C, asteptam o surpriza placuta! Toate în limba rusă! În plus, există o alegere dintr-o limbă de 18 disponibile. În partea de jos a paginii există o notă, vedem o notă despre necesitatea validării codului HTML pentru validitate. Există file în fereastră care ne oferă posibilitatea de a alege ce să verificăm:
URI
Fișier încărcat
Textul tastat

CSS Verificați rezultatele

Din nou, Yandex trebuie să lucreze la greșeli. Din primele rânduri ale tabelului, se poate observa că erorile sunt legate în principal de parametrul razei de graniță, care este responsabil pentru rotunjirea colțurilor, care nu suportă CSS2.1, care este utilizat într-un caz particular. De fapt, acest lucru nu este critic, doar browserele care nu acceptă astfel de parametri nu vor urma această regulă, ci vor afișa unghiuri drepte.

Nu există practic setări, serviciul ne oferă codul valid generat al foii de stil, care va fi afișat după o listă a tuturor erorilor și avertismentelor:

Informații despre CSS corectă

Studiind corect, având în comparație cu o variantă inițială, este posibilă dezvăluirea metodelor de corectare a erorilor și a avertismentelor și după luarea măsurilor de eliminare a acestora.
Atenție vă rog! Stilurile de stil CSS engine.css ale șablonului Dle gestionează proiectarea modulelor și sugestiile pop-up ale motorului DataLife Engine. eliminarea a ceva este extrem de precaută. Uneori nu există un astfel de fișier în șablon, designerul de layout a redenumit fișierul sau a fuzionat într-un fișier de stil CSS, care nu este în mod normal destul de bun și convenabil.







Trimiteți-le prietenilor: