Теперь, когда вы написали разметку для основных частей страницы с помощью HTML5
и увидели, как создается структура документа, пришло время заглянуть глубже и позна-
комиться с различными способами организации контента.
Для этого вы создадите HTML5-разметку для стандартного блога. Мы выбрали именно
такой тип сайта потому, что более чем у 70% профессиональных веб-разработчиков есть
свой блог (
http://www aneventapart com/alasurvey2008/
) и каждому хотя бы раз в жизни при-
ходилось видеть блог. Кроме того, это превосходный прототип для современных сайтов
с заголовками, футерами, боковыми панелями, множественными панелями навигации
и формой — элементами, использующимися как в блогах, так и в новостных сайтах и сай-
тах-брошюрах (где вместо новостей указывается информация о продуктах). Затем мы
перейдем к изучению конкретного случая — рассмотрим реальный веб-сайт и решим,
где можно было бы применить новые структуры, а также взглянем на новые элементы
и глобальные атрибуты.
С ОЗДАНИЕ СТРУКТУРЫ ОСНОВНЫХ ОБЛАСТЕЙ КОНТЕНТА Посмотрите на основную область контента одного из блогов (рис. 2.1). Она может состоять
из нескольких статей, каждая из которых содержит метаданные и непосредственно текст
статьи.
Рис . 2 .1 . Несколько статей в типичном блоге
48 • Глава 2
Вот пример стандартной разметки (упрощенной по сравнению с темой WordPrint, исполь-
зующейся по умолчанию):
