10 erori frecvente în codul html care interferează cu validarea de succes
Designerii petrec orele pentru a-și îmbunătăți abilitățile pentru a regla cu atenție detaliile cele mai mici în designul site-urilor web care ies din stiloul lor. Cu toate acestea, calitatea codului este foarte des foarte scăzută. Ai nevoie de dovada? Uită-te la galeriile șabloanelor CSS gratuite. 90% din șabloane nu vor fi testate. În plus, majoritatea erorilor sunt foarte primitive și foarte ușor de rezolvat. În această lecție, luați în considerare erorile tipice din codul HTML care interferează cu finalizarea cu succes a testului.
De ce verificați codul?
Dacă site-ul arată minunat în browser, atunci de ce verificați codul? O întrebare tipică care este solicitată înainte de verificarea codului. Dar, după toate site-ul nu se limitează doar la ceea ce este vizibil pentru utilizator. Paginile HTML sunt destinate să reprezinte date, nu efecte grafice. Datele trebuie să poată fi citite pentru întreaga imensă comunitate de oameni care utilizează 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, va fi afișată în mod corect în majoritatea browserelor și va îndeplini, de asemenea, cerințele tehnologiilor viitoare. Aici merită menționat motoarele de căutare, acțiunea cărora este foarte importantă în scopurile SEO. Nimeni nu vrea să creeze obstacole pentru ei, iar codul curat și corect este mult mai ușor de perceput de către motoarele de căutare.
Aceasta este și o chestiune de profesionalism. Codul HTML greșit este foarte asemănător erorilor gramaticale din inscripțiile de pe site. Și, deși clientul nu poate observa erori în cod - aceasta nu schimbă natura întrebării. Nimănui nu îi plac erorile gramaticale în design, dar din anumite motive nu este considerat un act rușinos să lăsați codul HTML cu erori.
Erori comune
Mai jos sunt erorile care sunt prinse în șabloane de pe prima pagină a faimoasei galerii de șabloane CSS. Multe site-uri arata grozav si chiar minunat, dar foarte des, calitatea codului nu se potriveste cu calitatea designului. Deși majoritatea acestor erori pot fi reparate foarte repede și ușor.
Nu a fost specificat niciun tip de document
Cea mai gravă greșeală nu este de a folosi Doctype. Absența etichetei Doctype înseamnă că browserul "va ghici" ce limbă a fost folosită pentru a crea documentul. Pentru a corecta eroarea, trebuie să specificați tipul de document al paginii dvs.
Elementul nu este închis
Simbolul / în elementele cu auto-închidere este omis
Cele mai multe elemente HTML au etichete separate de închidere, de exemplu:
. Dar există elemente, cum ar fi de intrare. img și meta. care se închid automat, aceasta înseamnă că acestea trebuie să aibă un simbol / înainte de brațul de închidere.
Nicio conversie a caracterelor speciale
Ampersand, precum și citatele duble care sunt copiate din Word, sunt cele mai frecvente cauze ale acestei erori. Trebuie să verificați întotdeauna codul pentru prezența unor astfel de simboluri și să le convertiți în codul HTML corespunzător. De asemenea, este necesar să acționați cu alte simboluri speciale.
Caractere neconvertite în URL
În conformitate cu paragraful anterior, caracterele speciale, în special ampersandele, trebuie codificate în șiruri de adrese URL. Legăturile către site-uri construite folosind PHP conțin adesea variabile utilizând un simbol . acestea trebuie să fie scrise folosind cod HTML.
Blocați elementele din interiorul literelor mici
Una dintre regulile de bază ale HTML este că elementele de bloc nu ar trebui să fie niciodată în interiorul elementelor de linie.
Un exemplu popular de eroare este utilizarea unui link în antet:
Numele clasei, ID-ul sau atributul nu poate începe cu un număr. Acestea pot include numere, dar nu la începutul unui cuvânt.
Și care este situația cu verificarea codului CSS?
Spre deosebire de HTML, CSS este folosit pentru a vizualiza o pagină. Astfel, întrebarea "Dacă pagina arată bine, atunci de ce verificați codul?" În acest caz, sună mai convingător. CSS nevalid nu are un astfel de efect asupra paginilor web, deoarece este un cod HTML greșit. Cu toate acestea, ar trebui verificat pentru erori și greșeli în cod. 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.
Ultimele 5 lecții din titlul "HTML și DHTML"
Atunci când scriem sau depanem script-uri PHP, folosim adesea funcțiile var_dump () și print_r () pentru a scoate datele și obiectele preliminare de matrice. În acest post, aș vrea să vă spun despre funcția var_export (), care poate converti un matrice într-un format adecvat pentru cod PHP.
Câteva șabloane gratuite pentru panouri de administrare.
Crearea unui șablon pentru scriere nu este o chestiune atât de simplă. Vă oferim o selecție de 30 de site-uri unde puteți descărca modele gratuite pentru toate gusturile.
De exemplu, aveți un câmp de căutare care este procesat de fiecare dată când apăsați tasta de tastatură. Dacă cineva dorește să scrie cuvântul Windows, cererea AJAX va fi trimisă pe următoarele fragmente: W, Wi, Win, Wind, Windo, Window, Windows. Problema?
O selecție de 15 site-uri noi unde puteți descărca fotografii gratuite pentru a le completa site-urile.
Singura problemă este asta
programmator
De asemenea, ce împiedică utilizarea noindex-ului valabil?
A fost deja ceva. PROGRAMATOR, multumesc pentru noindex, nu stiu! Și funcționează peste tot?
programmator
Și astfel de întrebări dacă există erori de validitate (în cod), ele influențează puternic indexarea unui site?
Tovarăși, dar spune-mi de ce când folosesc o validă . , atunci toate semnele din blocul prizonierului din această etichetă zboară. Și dacă o folosesc
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați 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!
