Pe blog-ul meu, ca și acum nu există nici o astfel de erori, am scăpat de ele (toate peste 70 de bug-uri și mai mult de 80 de avertismente). Pentru a clarifica, explica ce codul este valid și de ce avem nevoie de ea.
Codul Valid - un cod care îndeplinește standardele.
Pentru valabilitate, puteți verifica HTML, CSS, și alte tipuri de mikrorazmetki. Astăzi voi discuta valabilitatea în HTML.
- Valabil cod este opțională, dar numărul de erori trebuie să fie minim, altfel site-ul dvs. nu va fi de compatibilitate cross-browser. Valabilitatea codului este necesar, în special, pentru faptul că site-ul dvs. este afișat corect în toate browserele.
- roboți de căutare „vorbesc“ cu site-ul dvs. în limba HTML, de aceea este important să se dea un conținut clar și clar pe site-ul cu toate „etichetele închise“ și așa mai departe.
- valabilitate HTML afectează SEO, ci mai degrabă mici (cu excepția cazului, desigur, nu aveți sute sau chiar mii de erori). Am recomandăm să citiți o observație interesantă Devaki „Influența HTML de calitate asupra clasării lor.“
- Când am fost de a face pe site-ul său un cod valid, am găsit și a corectat greșelile lor stupide (tag-uri de repetiție a ratat scrisori etc.).
- Nu este necesar să se „rupe-te * GTC“, în cazul în care orice eroare este dificil de corectat, sau de fixare va aduce prejudicii funcționalitatea site-ului. Principalul lucru este de a fi confortabil pentru utilizator.
Fiecare eroare are un indiciu - acesta este numărul liniei în codul sursă al paginii, iar din acesta este deja posibilă identificarea unor subiecte despre fișierul este dat rând. Codul sursă al paginii aspectul folosind CTRL + U (în cele mai importante browsere).
Înainte de a începe, faceți o copie de rezervă a dvs. șablon de site.
De asemenea, pentru a simplifica găsirea erorii în codul sursă, puteți utiliza validatorul HTML pentru Mozilla Firefox. Stabilirea prin a merge la codul sursă al paginii, veți vedea aceleași greșeli, ceea ce indică serviciul validator.w3.org. Dacă faceți clic pe numele unei erori (în colțul din stânga jos), sunteți reconectat automat la linie, în cazul în care codul nevalid.
Găsirea erori în HTML utilizând validatorului W3C și corectare
Uită-te în lista de mai jos eroarea și faceți clic pe acesta, este în mod automat „suluri“, acolo unde este necesar.
1. Nu există spațiu între atribute.
2. atributul width element td este depășită. Utilizați CSS în loc.
td valign = »centru» lățime = »80" height =» 80" >
La fel ca în formularul
Stilul td = »align: center; lățime: 80; înălțime: 80; „>
3. Un element img trebuie să aibă un alt atribut, cu excepția cazului în anumite condiții. Pentru mai multe detalii, consultați îndrumări cu privire la furnizarea de alternative de text pentru imagini.
Una dintre cele mai frecvente greseli. Doar nu au text alternativ pentru imagini. Prevede alt tag.
4. Secțiunea îi lipsește rubrica. Luați în considerare utilizarea elementelor h6-h2 pentru a adăuga la pozițiile de identificare pentru toate secțiunile.
În interiorul secțiunii de blocare trebuie să conțină ceva din tag-uri h2-h6, în cazul în care nu, pur și simplu redenumi secțiunea etaj pe div
5. Elementul hgroup este depășită. Pentru a marca subrubrici, ia în considerare fie doar punerea subrubrica într-un element p după elementul-H1 h6 care conține titlul principal,
sau punerea la subpoziția direct în interiorul elementului h1 h6 care conține titlul principal, dar separat de titlul principal de punctuație și / sau în interiorul, de exemplu, o spanclass = »subpoziția» cu elementul styling diferențiat. Pentru pozițiile de grup și subpoziții, titluri alternative, sau taglines, luați în considerare utilizarea elementelor de antet sau div.
6. Element «noindex» nedefinit
7. Eticheta de închidere pentru elementul «div», care nu este deschis
Închiderea div tag-ul o dată. Scoateți-l.
8. Tipul de document nu permite elementul «li» aici; lipsește unul din «ul», «ol», «meniu», «dir» start-tag
Utilizarea necorespunzătoare «li» tag: nici un tag «ul», «ol» Verificați și colab ..
tag-ul 9. Sfârșit pentru «div» omise, dar OMITTAG NO a fost specificat
Nu lipsește un div tag de închidere.
10. Nu există nici un atribut «frontieră»
alt = »» width = »1" height =» 1" border = «0" />
Pur și simplu eliminați granița cu gheață = »0" .
11. Caracter «<» is the first character of a delimiter but occurred as data
Nu folosiți tag-ul "<» перед обычными словами, используйте лучше разные кавычки.
12. A văzut »atunci când așteaptă un nume de atribut. Cauza probabilă: = lipsă imediat înainte.
Excesul de citat, scoateți-o.
13. Atributul align pe elementul img este depășită. Utilizați CSS în loc.
Nu utilizați valoarea align în tag-ul img. Prescrierea separat, ca atare:
14. Valoare greșită pentru a href atribut pe link-ul Element: Caracter ilegal în segmentul cale: nu este un punct de cod de adresă URL.
Ce se întâmplă în href trebuie să fie o referință, începe cu http, dar nu un cuvânt.
concluzie
Am stat pe blog-ul bug-ul (deși, ieri, pentru un motiv oarecare codul a fost fără erori):
Conținutul de text al elementului script nu a fost în formatul cerut: spațiu de așteptat, fila, NEWLINE sau slash dar a găsit Dacă știi cum să-l stabilească, voi fi recunoscător. Sunt un pic perfecționist. 🙂 Vei face codul HTML al site-ului valabil? Aș vrea să pentru a obține codul HTML valid pe site-ul dvs., de care, este după cum urmează:
Cu stimă, Potr Aleksandrov