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