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

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

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

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

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

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

Структурирование

.

Абзацы? Нет проблем. Заголовки? Запросто! Фактически вы уже сейчас можете создать веб-страницу с простейшей структурой. Небольшой набор элементов, которые мы сейчас обсуждали, легко запомнить: их наименования очевидны (помните: р — paragraph?). Но что за зверь — div?

Элемент di v (от divide — «делить») служит для разделения веб-страницы на части. В сочетании с CSS он дает удивительный эффект.

Когда вы помещаете какой-то контент в элемент di v, это не оказывает явного влияния на отображение самого текста, в том числе не добавляет разрыв до и после него. В отличие от р, элемент di v не добавляет никаких полей или отступов. Сравните следующее:

Разница видна на рис. 2.18.

Рис. 2.18. У абзацев есть соответствующие отступы, в отличие от div

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

Вы можете не оставлять теги абзаца р без изменений, а поместить их внутрь элемента div, как здесь:

Вы можете помещать сколько угодно абзацев внутри элемента div, но помните, что нельзя поместить div внутри абзаца. Считайте div просто контейнером, который должен объединять связанные между собой элементы.

При просмотре главной страницы в браузере можно выделить области с общими задачами. У нас есть:

заголовочная часть, которая включает:

• название сайта;

• слоган;

область основного контента.

На рис. 2.19 показано, как можно выделить эти области.

Рис. 2.19. Выделенные на базовой странице области

Откройте в текстовом редакторе главную страницу (index.html) и расставьте теги div и /div вокруг секций, обведенных на рис. 2.19. После этого в каждом открывающем теге укажите атрибут id, давая, например, имена header (заголовок), sitebranding (представление сайта), tagiine (теглайн) и bodycontent (основной контент). Помните, что наименования атрибутов должны быть написаны в нижнем регистре и заключены в кавычки.

Чтобы вам проще было начать, я поработал над первой частью страницы. В примере ниже показан измененный раздел с введенным id-атрибутом для элемента div:

Сейчас попробуйте сделать то же самое: добавьте элементы div для выделенных частей контента и идентифицируйте их как site branding или tagline.

.

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