Html5 - основите на структурата на документа, шефът на ИТ

Семантика и структура на документ в HTML 5

Структурата на документа е много важно за разбирането на това как да се изгради уеб страница. Тя определя колко съдържанието се организират и свързани помежду си в документа, както и тяхната относителна важност. Ако използвате Документ картата, можете да видите колко лесно стана, за да видите повече информация. Една добре обмислена структура дава съдържанието на смисъла на страница, което го прави по-лесно да се чете, което се извършва от търсачки и други потребителски агенти. Сайтът, който е добре проектирана конструкция, по-лесно да се движите и да намерят информация.

Създаване на структура документ към HTML 5

Преди да разгледаме процеса на създаване на структурата на документа в HTML 5, е желателно да се запознаят с начина, по който това е направено в предишните версии на езика и предизвикателства уеб разработчик в същото време трябваше да се изправи.

Както се формира в структурата на HTML документ 4

Проблеми при прилагането на структурата на документа

За да научите повече за процеса на създаване на структурата на документа в HTML 4 и проблемите в прилагането му може да бъде в следващата статия.

Създаване на структура документ в HTML 5

Елементи за цел да се създаде структура на HTML 5.

За да се създаде структура документ глава използва в HTML елементи 5 (h1. Н2. H3. Н4. Н5 и h6) и елементи NAV. настрана. раздел и статия от разделящ връзката група. Тези елементи, за разлика от заглавията, предназначени да се създаде ясна дял и установяването на тези секции в известен смисъл.

Процесът на създаване на структурата на документа HTML5 на

За да бъде по-лесно за разбиране на основните принципи на структуриране на документа в HTML 5 ще приемем, че тялото елементи. навигация. настрана. раздел и раздел статия създаване (изрични дялове) и h1 елементи. h2. h3. h4. h5 и h6 - обикновени вътрешни преградни стени (скритите раздели).

Процесът на развитие ще разгледа структурата на документа по стъпка инструкции.

В HTML 5, създаването на структурата на документа започва с елемент на тялото. Това създава елемент от основна част (раздел на ниво документ).

След това обикновено преминава за създаване на секции във тяло (основна част) на. Така например, създаване на навигационно секция. раздел и настрани. Тези секции ще бъдат децата на тялото.

Всеки от разделите (НСА. Освен. Раздел. Статия) от своя страна също може да съдържа раздел. По този начин, в документа за HTML 5 се получава структура. Т.е. една секция, вграден в другата. Раздел, които са разположени директно в тялото. 2 имат ниво. Раздел, които секции са разположени директно в ниво 2 вече ще има 3 нива и т.н.

Например, за да се създаде раздел 3 секции статия.

h1 елементи. h2. h3. h4. h5 и h6 в HTML5 използва за показване на имената на секцията (т.е., да действа като точка глава) за създаване и скрити участъци в раздел. Освен имплицитно връзка между секции се извършва само в една точка. Т.е. колекторни елементи, разположени в една точка, не са свързани с елементите на колекторни са в различна точка. С други думи, неявни секции една секция е изолирана от други раздели имплицитна част. елемент глава се намира в този раздел, и като най-висок ранг (ниво) служи като глава разрез. Ако частта не включва горен елемент, то няма име (Без заглавие).

Забележка: HTML 4 за разлика от HTML 5 косвена връзка между секциите, проведени в рамките на целия документ, но не в рамките на една точка (тяло навигация настрана раздел статия ....). В HTML 4 не са елементи за създаване на секции.

Така например, създаване на име за всички секции с изключение на НСА.

Така например, създаване на скритите секции в раздел раздел и настрани: