Cum să utilizați etichete div, secțiunea și articolul

Sunteți aici: Pagina principală - HTML - HTML 5 - Cum să utilizați etichete div, secțiune și articol.

Bună ziua tuturor! In acest articol vom discuta despre modul de utilizare etichete div, secțiunea și articolul în HTML5.

În plus față de bine-cunoscute și sunt adesea utilizate tag-ul div. în HTML5, noi tag-uri semantice care permit o distincție mai clară între conținutul de pe site-ul dvs. și, astfel, ajuta la roboți motor de căutare în munca lor grea. Din păcate, mulți designeri web nu au învățat cum să le folosească în mod corespunzător, în special cele care sunt indicate la începutul acestui articol. Sper că după citirea acestui articol, întrebări cu privire la acest subiect, în cazul în care nu dispar cu totul, ele vor fi de cel puțin mai puțin. Să începem.

Dacă deschideți site-ul W3C. puteți găsi acolo recomandarea, al cărei sens este că utilizarea acestei etichete este necesar pentru conținutul semantic care nu au legătură. Foarte des, div pentru a grupa împreună conținut, care apoi trebuie să poziționeze sau într-un fel desena folosind css.

Acest element este folosit, dimpotrivă, la conținutul semantic legate împreună. Conținutul unui astfel de etichetă ar trebui să aibă o temă comună. De exemplu, știrile de pe site-ul de știri:

.

Acest element trebuie să aibă, de asemenea, o temă comună, și cuprind semantic legate între ele de conținut, dar același conținut să fie autonom, adică puteți lua un articol separat. scoateți-l din pagina, dar sensul conținutului nu se vor pierde în ea. Toate același site exemplu de știri, vă pot spune că fiecare articol de știri este evidențiată tag-ul. deoarece dacă l-ați izola de pagină, aceasta nu pierde sensul, dar mai multe știri vor fi încadrate cu secțiunea de tag-ul. deoarece un bloc mare separat, cu o temă comună, și nu poate fi izolat. Sunt de acord, dacă vom părăsi pagina doar un bloc de știri, acesta va fi „din locul“, și, dacă este lăsat singur o veste specifică, totul va fi destul de logic.

Desigur, totul depinde de situația specifică, dar cel mai adesea, puteți marca pagina dvs. în mod corect, utilizând următoarea regulă: în cazul în care conținutul este semantic legat unul de altul și pot fi izolate din pagina fără pierderea sensului, apoi utilizați articol. În cazul în care nu poate fi izolat cu secțiunea de utilizare a paginii, fără pierderea sensului. În alte cazuri - div.

Deci, asta e. Sper că această problemă este clar pentru tine, iar acum va marca în mod corect paginile web. tu și urăm mult succes!