propagarea 10 eroare în codul HTML care împiedică validarea de succes
Designerii petrece ore honuire abilitățile pentru montarea atentă la fiecare detaliu în proiectarea de site-uri web care ies din pen-ul lor. Cu toate acestea, calitatea codului de multe ori rămâne destul de scăzut. Nevoie de o dovadă? A se vedea galeria de șabloane CSS gratuite. 90% dintre template-uri nu vor trece testul. Mai mult decât atât, cea mai mare parte a erorilor este foarte primitiv și foarte ușor de rezolvat. În această lecție considerăm erorile tipice din codul HTML care împiedică finalizarea cu succes a testului.
De ce verificați codul?
În cazul în care site-ul arată bine într-un browser, de ce ar trebui să verifice codul? O întrebare tipică a cerut înainte de a verifica cod. Dar site-ul nu se limitează la faptul că vizibil utilizatorului. Paginile HTML sunt folosite pentru a reprezenta date în loc de efecte de imagine. Datele ar trebui să fie ușor de citit pentru întreaga comunitate foarte mare de oameni care folosesc internetul. Și cititorii pot utiliza diferite tehnologii pentru a obține informațiile prezentate pe site-ul dvs. - de exemplu, ei pot folosi programul pentru voce date de redare și doar pentru a asculta ceea ce este scris pe pagina ta.
Pagina HTML, care nu conține erori, cea mai mare parte va fi afișată corect în cele mai multe browsere, și se va întâlni, de asemenea, cerințele de tehnologii viitoare. Este demn de menționat motoarele de căutare, efectul de care este foarte important pentru SEO scopuri. Nimeni nu vrea să creeze obstacole pentru ei, dar codul curat si corect este mult mai ușor pe roboții de căutare.
De asemenea, este o chestiune de profesionalism. Greșit Codul HTML este foarte similar cu greșelile gramaticale din inscripția de pe site-ul. Chiar dacă clientul nu poate observa eroarea în codul - aceasta nu schimbă esența întrebării. Nimeni nu îi place să gramaticale erori în proiectarea, dar lasă erorile HTML pentru un motiv oarecare nu este considerat în același act rușinos.
greseli frecvente
Mai jos sunt erorile care sunt prinse în tiparele cunoscute din prima pagină template-uri CSS galerie. O mulțime de site-uri arata foarte bine si chiar mare, dar de foarte multe ori calitatea codului nu se potrivește cu calitatea designului. Cu toate că majoritatea acestor erori pot fi fixate rapid și ușor.
Tip de document necunoscut
Cea mai mare greșeală - nu utilizați Doctype. Lipsa de tag-ul Doctype înseamnă că browser-ul va „ghici“ ce limbă este utilizat pentru a crea documentul. Pentru a corecta acest lucru trebuie să specificați tipul de pagini de documente.
Nu este elementul închis
Picături / caracter din elementele de auto-închidere
Cele mai multe elemente HTML au unele tag-uri de închidere, de exemplu:
. Dar există elemente, cum ar fi de intrare. img și meta. care sunt auto-închidere, ceea ce înseamnă că acestea trebuie să aibă caracter / înainte de paranteză de închidere.
converti caractere speciale nu sunt făcute
citate ampersand si duble, care sunt copiate din Word, sunt cele mai frecvente cauze ale acestei erori. Unul ar trebui să verifice întotdeauna codul sursă pentru prezența unor astfel de simboluri și de a converti în codul HTML corespunzător -. De asemenea, este necesar să se facă și alte caractere speciale.
caractere neconvertiți în adresa URL
În conformitate cu paragraful precedent, caractere speciale, în special ampersand trebuie codificate în șirul URL. Link-uri către site-uri web construite folosind PHP, conțin adesea variabile cu utilizarea simbolului . au nevoie pentru a scrie folosind codul HTML -.
Elemente de bloc din litere mici
Una dintre regulile de bază ale HTML este faptul că elementele de bloc nu trebuie să fie elemente inline interior.
Un exemplu foarte popular de o eroare - utilizarea de link-uri în antet:
Utilizarea atributelor cum ar fi lățimea și înălțimea
clasă sau ID-ul începe cu o cifră
numele clasei, ID-ul sau nume de atribut nu poate începe cu un număr. Acestea pot include numere, dar nu la începutul cuvântului.
Și ceea ce este situația cu codul de verificare CSS?
Spre deosebire de HTML, CSS este folosit pentru reprezentarea vizuală a paginii. Astfel, întrebarea, „Dacă pagina arată bine, atunci de ce ar trebui să verifice codul?“ În acest caz, sună mai convingător. cod incorect CSS nu are un astfel de impact pe pagina de web, ca un cod HTML incorect. Cu toate acestea, controalele ar trebui să urmărească, în scopul de a detecta erorile de scriere și erori în codul. Dacă utilizați noile caracteristici ale CSS3, ei vor face documentul nu este autentificat încă nu sunt incluse în caietul de sarcini, dar dacă sunteți sigur că totul este corect, nu acorde atenție la astfel de erori.
5 lecții din ultima coloană „HTML și DHTML“
Când scrieți sau depanare scripturi PHP, folosim adesea var_dump () și print_r () pentru a afișa o serie de date și obiecte avansate. În acest post, aș dori să vă spun despre funcția var_export (), care poate converti o matrice într-un format adecvat pentru codul PHP.
Un cuplu de liber panoul de administrare template-uri.
Crearea unui șablon pentru scrierea nu este o chestiune simplă. Va oferim o selecție de 30 de site-uri unde puteți descărca aceste șabloane pentru a se potrivi toate gusturile.
De exemplu, aveți o casetă de căutare, care este procesat de fiecare dată când apăsați o tastă tastatură. Dacă cineva vrea să scrie cuvântul pentru Windows, cererea AJAX va fi trimis la următorul fragment: W, Wi, Win, vânt, Windo, ferestre, Ferestre. Problema?.
O selecție de 15 site-uri noi în cazul în care puteți descărca imagini gratuite pentru a umple site-urile lor.
Singura problemă este că
programmator
Și ce împiedică să folosească un noindex valabil?
Ceva deja. Programmator, mulțumesc pentru NOINDEX, nu știu! Și toate lucrările?
programmator
Dar o astfel de întrebare, în cazul în care există o eroare în termen de valabilitate (în cod), ele influențează puternic site-ul de indexare?
Tovarăși, și spune-mi de ce atunci când utilizez este validă . , Am toate marcajele zboară bloc închise în această etichetă. Și dacă utilizați
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!
