Html5 - elementele de bază ale structurii documentului, șeful IT

Semantica și structura unui document în HTML 5

Structura documentului este foarte important pentru o înțelegere a modului de a construi o pagină web. Ea determină modul în care sunt organizate și interconectate în document, precum și importanța lor relativă a conținutului. Dacă utilizați Documentelor, puteți vedea cât de ușor a devenit pentru a vedea mai multe informații. O structură proiectată în mod corespunzător dă conținutul sensul paginii, ceea ce face mai ușor de citit, care este efectuată de către motoarele de căutare și alți agenți de utilizator. Site-ul, care este bine conceput structura, mai ușor de navigat și de a găsi informații.

Crearea unei structuri de document HTML 5

Înainte de a examina procesul de creare a structurii documentului în HTML 5, este de dorit să se familiarizeze cu modul în care a fost făcută în versiunile anterioare ale limbii și dezvoltator provocări Web, în ​​același timp, a trebuit să se confrunte.

După cum se formează în structura documentului HTML 4

Probleme în punerea în aplicare a structurii documentului

Pentru a afla mai multe despre procesul de creare a structurii documentului în HTML 4 și problemele în punerea sa în aplicare poate fi în articolul următor.

Crearea unei structuri de documente în HTML 5

Elemente concepute pentru a crea o structură în HTML 5.

Pentru a crea o structură de antet document utilizat în elemente HTML 5 (h1. H2. H3. H4. H5 și h6) și elemente nav. deoparte. secțiune și articol din secționarea de grup. Aceste elemente, spre deosebire de pozițiile proiectate pentru a crea o partiție clară și stabilirea acestor secțiuni într-un anumit sens.

Procesul de creare a unui HTML5 structura documentului

Pentru a face mai ușor de înțeles principiile de bază de structurare a documentului în HTML 5 va presupune că organismul elemente. nav. deoparte. secțiune și secțiunea de articol creare (partiții explicite), și elementele H1. h2. h3. h4. h5 și h6 - partiții obișnuite (secțiuni implicite).

Procesul de dezvoltare va lua în considerare structura documentului de instrucțiuni pas.

În HTML 5, crearea structurii documentului începe cu elementul de corp. Acest lucru creează un element al unei secțiuni principale (secțiune la nivel de document).

După aceea, de obicei, să treacă pentru a crea secțiuni în cadrul (secțiunea principală) a corpului. De exemplu, puteți crea o secțiune nav. secțiune și la o parte. Aceste secțiuni vor fi copii ai corpului.

Fiecare dintre secțiunile (nav. În afară. Secțiunea. Articolul) la rândul lor, pot cuprinde, de asemenea, o secțiune. Astfel, în documentul HTML se obține structura 5. Ie o secțiune încorporată în cealaltă. Secțiunea, care sunt amplasate direct în organism. 2 au nivel. O secțiune, care secțiuni sunt amplasate direct în nivelul 2 va avea deja 3 nivele, etc.

De exemplu, pentru a crea un articol secțiunea 3 secțiuni.

Elemente H1. h2. h3. h4. h5 și h6 în HTML5 utilizate pentru indicarea numelor secțiunii (adică acționează ca secțiune antet) pentru a crea și a secțiunilor implicite din cadrul secțiunii. Mai mult decât atât relația implicită între secțiuni se efectuează numai în termen de o secțiune. Ie Elemente antet situate într-o singură secțiune, nu sunt asociate cu elementele de antet sunt într-o secțiune diferită. Cu alte cuvinte, secțiuni implicite o secțiune este izolată din secțiunea implicită alte secțiuni. Elementul antet se află în această secțiune și având cel mai înalt rang (nivel) servește ca un antet secțiune. În cazul în care secțiunea nu include un element de antet, nu are un nume (fără titlu).

Notă: HTML 4, spre deosebire de HTML 5 relație implicită între secțiunile desfășurate în cadrul întregului document, dar nu în cadrul unei secțiuni (corp nav deoparte articol pct ....). In HTML 4 nu sunt elemente pentru a crea secțiuni.

De exemplu, creați un nume pentru toate secțiunile cu excepția NAV.

De exemplu, creați secțiuni implicite din secțiunea secțiune și la o parte: