Care este cadrul
Sub cadrul (schelet) se referă la cele mai multe blocuri de bază, care sunt separate unul de altul conținuturi. Cel mai simplu exemplu: capacul - bloc de pe stânga - pe blocul de dreapta și subsol (subsol). În aceste blocuri, la rândul său, poate fi o mulțime de alte elemente imbricate, dar ele sunt deja marcaj suplimentar, care se adaugă în a doua etapă.
Cum de a crea
Deci, ne uităm la toate etichetele pe care le puteți veni la îndemână pentru acest lucru. Să începem cu cel mai de bază.
- recipientul principal care se potrivește întreaga pagină. De fapt, astăzi nu poți nici măcar scrie, și totul va funcționa bine fără ea, dar de dragul respectării normelor și puteți scrie.
- un recipient important pentru stocarea informațiilor, care nu vor fi afișate pe pagina, dar joacă un rol important în formarea sa. - aici sunt plasate tot corpul paginii, adică, conținutul său, astfel încât prezența sa în codul necesar.Setările importante care trebuie să fie specificate
Deci, în conformitate cu site-ul de bază, personal, am înțeles nu numai ceea ce vezi cu ochii tăi în mod direct, dar, de asemenea, acele bucăți de cod care ajută la conținutul afișat în mod corespunzător. Una dintre aceste linii este - , determină tipul de pagină, și nu ar trebui să fie plasat chiar în cap, iar la început, înainte de a containerului la nivel mondial. Astfel, vom indica faptul că marcajul a fost interpretat pentru standardul HTML5.
Toate celelalte setări sunt specificate în unitatea de cap. Această codificare, foi de stil de conexiune, script-uri (deși ele pot fi conectate la sfârșitul corpului), titlu loc de muncă (titlul), alte meta-tag-uri și mai mult.
Crearea unui mod de modă veche cadru pe HTML4
Absolut, până de curând, a fost cel mai popular mod, chiar și astăzi, cred, unii oameni continuă să-l folosească. Acesta se află în faptul că toate elementele sunt la fel - prin intermediul div tag-ul care denotă containerul bloc gol. În funcție de poziția și rolul fiecărui astfel de unitate a primit ID-ul dvs., astfel încât să poată fi ulterior atacată prin stiluri.
Astfel, marcarea arata ca acest lucru:
Dezvoltatorii ghidate de identificator nume, ele permit să se determine ce este un element. Deci, vom folosi o singură etichetă pentru a crea o structura site-ului - div, numai cu diferite id-ul (sau clase stilistice).
Cum de a crea un aspect de pagină pentru un nou în HTML5
Noua versiune limbaj de marcare schimbat în mod semnificativ procesul. Totul a început cu faptul că dezvoltatorii web au început să recunoască necesitatea de a crea noi etichete. Hat atât de des numită div id = «antetul», era rezonabil să se stabilească un antet de celule speciale, care ar fi proiectat special pentru un articol de pe site-ul.
De fapt, asta este exact ceea ce sa întâmplat, dar, în plus față de antet există o mulțime de altele. Să-ți arăt un exemplu al cadrului pe HTML5, și apoi explicați-l:
După cum puteți vedea, identificatorii sunt încă elemente prescrise, dar avem acum în cea mai mare parte numele tag-urile elementelor încorporate. Astfel, NAV este proiectat pentru introducerea în ea de link-uri importante, și, de fapt, crearea meniului principal al site-ului. Secțiunea - o secțiune separată pe site, cu titlul și ideea principală.
În afară - ceva de genul de informații de fond, astfel încât o parte din acest element investesc bara laterală. Cu toate că în acest scop și secțiunea corespunzătoare numit, deoarece bara laterală - de fapt, o secțiune separată pe pagina web.
Și, în sfârșit, un nou subsol tag-ul este proiectat pentru a ieșire un subsol. Identificatorii În acest caz, nu mai servesc ca singurul informator de pe pagina, chiar dacă numele lor sunt alese în așa fel încât să indice rolul blocurilor. Rețineți că capacul este numit principal-antet, iar acest lucru nu este un accident. Faptul că pot exista mai multe „pălării“ de pe pagina web. Acest lucru poate fi un articol capac sau bara laterală.
Meniul a primit, de asemenea, identificatorul corespunzător, pentru că în afară de el pe site-ul poate fi o altă navigare, dar mai mică importanță.
Deci, suntem dezmembrate un exemplu simplu de a crea un schelet, dacă doriți să obțineți mai multe informații cu privire la utilizarea html5, vă invită să vedeți lecțiile noastre cu privire la această tehnologie.
Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram