Структура и селекторы
"Структура документа подобна балкам поддержки сдания. Окончательное расположение и форма будут очень сильно зависить от формы, которую создадут балки поддержки. Если Вы игнорируете это, и собираете без мыслей как это будет выглядеть, лучшим результатом будет неэфективное, почти не пригодное здание. В худшем случае здание разрушится как только Вы решите добавить что то новое в структуру." - Eric A. Meyer
Одним из самых больших препятствий
при переходе на css - не умение правильно спроэктировать структуру документа. Многие дизайнеры при создании макета будущего сайта не задумываются о том, как это будет реализовыватся в
css, и возможно ли такое вообще реализовать.
При изучении каскадных таблиц стилей, я бы советовал, свое внимание сосредотачивать не на внешнем виде, а именно на css структуре сайта.
Всех детей в начальной школе учат писать по стандартной схеме, так и в случае с
XHTML, когда создается сайт - все должно быть сделано согласно установленным правилам. В web - страницах
содержание всегда должно быть структурировано иерархически.
Правильное использование стилей и селекторов всегда поможет правильно спроэктировать структуру сайта.
Когда вы создаете web-страницу для всех заголовков нужно установить приоритеты, и заголовки с большим приоритетом помещать в теги высшего порядка.
Составление списка нужных ссылок поможет создать грамотную перелинковку внутри сайта, а также дать нужные ссылки на другие документы и т.д.
Далее представлен список тегов и их предназначение:
- Для заголовков используйте h1 - h6
- Для параграфов используйте p
- Для ненумерованых списков используйте ul и li
- Для нумерованых списков используйте ol и li
- Для списков определений используйте dl и dt
- Для цитат используйте blockquote с передачей атрибутов через cite
- Для ссылок используйте a
- Для жирного текста используйте strong
- Для изображений используйте img
- Для таблиц используйте table, td (столбец) и tr (строка)
- Используйте div и span для:
- Для определения стилей содержания.
- Для генерирования структуры содержания.
Следует помнить, что использование одних элементов вместо других снижает семантическое качество документа.
Уделяйте серьезное внимание логической структуре web-страницы, старайтесь мысленно представить какие селекторы следует использовать в том или ином месте. Выполнение этих элементарных правил позволит создавать
семантически качаственные web-страницы.
Добавить комментарий
