codare html semantic

Pe termen lung nu au ajuns în jurul valorii de a scrie acest articol, dar întotdeauna a știut ce să facă. aspect semantic - acesta este un subiect foarte larg și important. Este deosebit de relevant cu eliberarea de HTML5 și emoție în jurul lui. Dar această problemă nu este mai puțin importantă pentru versiunile anterioare ale HTML și XHTML. Precum și cerința Marcajul semantic este aproape în fiecare codor post vacant HTML. Deși nu cred că subiectul a înțeles de către cei care au scris o astfel de cerință. -)

Deci, în acest articol despre markup semantic, voi încerca să descopere toate faptele din acest subiect:

Utilizarea tag-uri HTML pentru scopul propus
Numele corect de elemente
gruparea elementelor
aspect semantic și valabilitatea
Separarea conținutului și design
De ce este atât de important semantica

Semantica în HTML de codificare - este de a utiliza tag-uri HTML pentru scopul propus, numele lor corespunzătoare și gruparea acestora.

Utilizarea tag-uri HTML pentru scopul propus

Scop și semantic încărcare tag-uri HTML descrise în DTD (Document Type Definition), care este înregistrat în . sau în versiunea corespunzătoare a caietului de sarcini HTML. De exemplu, eticheta h1 descrie antetul documentului. Cap Există șase tipuri de H1-H6, care diferă în mărime și importanță (în stiluri standard, au dimensiuni diferite, și contrastul pe site-ul dvs. aveți nevoie pentru a face propria dvs.). Cred că cu titlul este clar. Există, de asemenea, link-uri . liste

și

Formularul Verstov, probabil, trebuie să faci o semnătură la câmpurile de formular - „Numele“ sau „Introduceți e-mail“. Aceste semnături trebuie să fie făcut cu ajutorul tag-ul . Asta este pentru un element dat. Mai mult decât atât, în plus față de semantica, și veți obține funcționalitatea dreapta. De exemplu, elementele de semnătură și , atunci când faceți clic pe ele, vor face active (evidențiată), controalele corespunzătoare.

Numele corect de elemente

Este vorba de stabilirea numelor corecte ale claselor și ID-urile. Permiteți-mi să vă reamintesc că diferența dintre o clasă (clasa) și ID-ul (identificator) este faptul că ID-ul trebuie să fie unic, care este singurul lucru pe pagină. În general, identificatorii trebuie utilizat cu precauție. Ele sunt tot mai folosite pentru a accesa de script-uri sau atunci când se lucrează cu forme. Prin urmare, este recomandabil să nu se cere ID-ul de membru în mod inutil.

Deci, înapoi la numele corect. Am citat deja exemplul meniului și tag-ul

gruparea elementelor

aspect semantic și valabilitatea

De asemenea, semantica asociată cu valabilitatea. etichetă Este posibil să nu conțină o altă etichetă , în elementul de linie nu poate conține bloc. Dacă pagina nu este verificată pentru validitate, este probabil ca ea are probleme cu semantica.

Separarea conținutului și design

Nu este necesar să se prescrie elementul de stil în stilul tag-ul, dacă nu este absolut necesar. Pentru că acum există pseudo-clase, cu care puteți selecta elementele în funcție de numărul de serie, pare și impare, iar prima poslednie.Takzhe nu este necesar să prescrie stiluri de atribute, cum ar fi lățimea sau culoarea. Acest lucru a fost valabil în cazul în care aspectul tabelar, este acum posibil să se facă mai ușor și mai frumos.

De ce este atât de important aspect semantica

Semantica de pagini HTML este necesară nu de dragul „tick“ sau o reputație bună. Este important pentru gradul de utilizare în continuare pentru vizitatorii site-ului si promovarea site-ului.

dispunerea corectă a paginii pentru a ajuta utilizatorii cu handicap de a utiliza site-ul. Programele care citesc date din pagini HTML, ghidat de etichetele utilizate. De exemplu, structura corectă a mesei face posibilă pentru a apela datele de program, în conformitate cu poziția lor în tabel - într-o valoare de tip șir dat de o astfel de coloană este egală cu o astfel de valoare.

Ei bine, pentru promovarea utilizării site-ului de semantica, cred, este clar. Căutare de robot în primul rând uita la titlul de pe pagina cu etichete

. Va fi dificil de a face acest lucru în cazul în care titlul nu este în tag-ul

. -) Este de asemenea important pentru buna executare a pesmetul meniului. Încă o dată am vă că nu se poate face fără atributul din titlu pentru link-uri și ALT pentru imagini amintesc. Această nevoie de semantica și validitate și ușurință de utilizare.