12 Cele mai frecvente erori în site-urile de codificare html - Yuri Klyuchevskii
Mai jos este o listă alcătuită din cele mai comune erori din elementele de limbaj HTML care fac dezvoltatorii frontend. Dacă sunteți nou la web design, sau un programator care vrea să încerce mâna în proiectarea front-end, încercați să evitați aceste erori.
1. Structura culegătorie a blocurilor site-ului, mai degrabă decât tabele
2. Nu puneți elemente bloc din elemente inline
Elementele implicit HTML sunt afișate ca afișare blocuri: bloc; sau ca linie display: inline;. elemente de bloc, cum ar fi
. definesc structura documentului. Elemente de coarde, cum ar fi sau . Ele sunt în interiorul blocului. Deci, nu pune elemente bloc din litere mici.
3. Folosiți întotdeauna atribute ALT pentru imagini
sunt necesare atributele ALT pentru imagini IMG tag-ul, ele descriu contextul. Ele ajuta la motoarele de căutare index mai bine conținutul site-ului. Dacă imaginea nu este rol semnificativ, și este utilizat numai pentru proiectare, folosiți un alt gol tag = „“
4. Nu utilizați linia de pauze pentru a afișa lista
Dacă doriți să afișați o listă - numerotate sau nenumerotate, nu folosiți niciodată pauze de linie
. Pentru aceste scopuri, utilizați tag-uri
- sau
- .
5. Nu utilizați elementele și pentru a evidenția textul
tag-uri și Acesta este adesea folosit pentru a evidenția textul în stil caractere aldine sau italice. Cu toate acestea, ele sunt clasificate semantic ca tag-uri de prezentare. Iar pentru stilul de text este mai bine să utilizați o proprietate CSS font-greutate și font-stil. Dacă, din motive practice aveți nevoie pentru a utiliza aceste tag-uri, utilizați etichetele și . Ele dau același efect, dar mai corect semantic.
6. Nu utilizați o linie de mai multe pauze
Tag-ul pentru feed linie
pentru a fi utilizate numai pentru o linie de transfer de la un singur paragraf cu text. Nu ar trebui să fie utilizate pentru a face golurile dintre elementele, blocuri, linii, cuvinte sau paragrafe. separare verticală a elementelor ar trebui să fie utilizate stiluri CSS.
7. Evitati stiluri inline CSS in HTML code
Probabil că ai auzit de multe ori înainte. Ideea de bază în semantica HTML si CSS este de a împărți pagina în structura documentului și stilul. Deci, nu are nici un sens să scrie stiluri CSS în tag-uri HTML.
8. Nu adăugați (și nu reajustează) atribut de frontieră în etichetele HTML
Caracteristica de frontieră, care este responsabil pentru cadrul din jurul elementelor, așa cum este prezentarea și ar trebui să fie specificate prin stiluri CSS, mai degrabă decât prin atribute HTML.
9. Nu folosiți tag-uri
Aceste etichete nu au fost niciodată la standardele oficiale de documentare HTML W3C Consortium. Pe de altă parte, utilizarea lor arata groaznic și nu impresionant. Dacă trebuie să atragă atenția asupra unei anumite porțiuni a paginii, utilizați metode alternative, într-o manieră mai puțin agresivă.
10. Evitați utilizarea elementelor depreciate
Există tag-uri HTML învechite și atributele care sunt definite ca W3C consorțiu învechite. In timp ce browserele moderne încă le sprijine, sprijinul lor poate înceta în viitor. Aici este o listă de elemente expirate.
Lista tag-uri HTML învechite:
11. Nu uitați să specificați DOCTYPE
DOCTYPE HTML markup descrie ce versiune pe care îl utilizați în document. În cazul în care nu este listat, nu puteți verifica validitatea codului. De asemenea, browsere vor face presupuneri lor despre versiunea de cod HTML, și ca urmare pagina nu se va afișa modul în care a fost menit să fie. Pentru a specifica întotdeauna DOCTYPE, puteți crea un șablon de pagină pentru layout-ul, care să specificați în prealabil toate etichetele necesare, astfel încât să nu trebuie să le scrie de fiecare dată din nou.
12. Verificați valabilitatea paginilor sunt stabilite
În final, utilizați întotdeauna on-line validatorul HTML / CSS pentru a identifica erori în dvs. de markup. Aici sunt link-uri la servicii de validare:
Vrei să învețe cum să creeze site-uri și pagini web?
În această vară am cheltui un curs de layout site-uri web HTML5 CSS3. Cursul va include elementele de bază și tehnici avansate pentru scrierea HTML markup pentru site-uri. Puteți veni dacă sunt destul de noi, și doresc să învețe aceste abilități, sau dacă aveți deja cunoștințe de bază, dar doriți să impună mai bine, mai rapid și mai eficient. Dacă vrei să știi și să învețe cum să folosească noul CSS3 caracteristici HTML5 - de asemenea, vin, tot ceea ce predau eu.
Ca și postul? Partajați-le cu prietenii tăi, ei vor aprecia:
Share on Facebook