Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Определение структуры страницы

.

Определение структуры страницы

Теперь, когда мы до основания разобрали наш шаблон, давайте нарастим на эти кости немного мяса и зададим базовую структуру страницы.

Ниже в этой книге мы будем подробно описывать добавление к страницам возможностей CSS3 и других отличных вещей из арсенала

HTML5; пока же мы опишем, каким будет общее расположение элементов на странице сайта.

В этом разделе и последующих основное внимание мы уделим семантике, т.е. тому, каким образом каждый конкретный HTML-элемент описывает свой контент.

Поскольку HTML5 включает большой массив семантических элементов, вы, вероятно, будете несколько озадачены — как же воспроизвести ту структуру страницы, которую вы прежде делали средствами HTML4 и XHTML. Отлично! Понимание значения вашего контента есть важнейший ключ к созданию хорошего HTML-кода.

Если взглянуть на скриншот HTML5 Herald (или на сам сайт), вы увидите, что там четко выделяются следующие блоки:

• заголовок с логотипом и титульной строкой;

• навигационная панель;

• основное тело страницы, поделенное на три колонки;

• статьи и рекламные блоки внутри колонок;

• подвал, содержащий информацию об авторах и копирайт.

Прежде чем мы решим, какие элементы контента лучше подходят к каким блокам, давайте разберем те варианты, что у нас имеются.

В первую очередь мы должны представить вам некоторые из новых семантических элементов, которые могут быть использованы для того, чтобы разделить нашу страницу на смысловые части.


.

Читайте так же:
Not found