Невидимый hr
При разработке сайтов, я каждый раз обращаю внимание на то, как сайт смотрится с отключенным CSS. Зачем?! Хочу, чтобы информация была доступна абсолютно всем. Смущало только то, что, если отключить стили, между логическими частями страницы (шапка, контент, сайдбар, футер) не оказывается никакого разделителя. Т.е. весь текст и меню видны, но как-то смешано получается.
Решение родилось само собой: использовать тег <hr/>, а в стилях указать hr { display: none; }. Для тех, кто не помнит, <hr/> — это тег, который рисует горизонтальную полосу-разделитель. 
Его можно вставлять между основными div-блоками, непосредственно внутри body, это позволяет даже XHTML 1.0 Strict, не говоря уже про все остальные. Получается довольно симпатично, даже lynx в этом месте рисует горизонтальную линию.
Filed under: Технологии | 8 Comments
Такие блоки можно отделять заголовками.
2Pashka R.: заголовки h1-h2 обычно и так присутствуют в контенте, не хочется мешать в кучу. А h3 уже мелковат, не сильно заметно.
Решение не ново — посмотрите, хотя бы, качественно сделанные буржуйские новостные сайты.
2Табурет: значит, правильная вещь мне придумалась.
Спасибо за совет. Действительно давно мучала проблема, как разделить части страницы между собой, чтобы слияния не получалось.
а заголовками разве не удобнее?
2Аршавин: это не заменяет заголовки, а дополняет.
Может быть именно с этого блога и пошло про разделение страниц, потому что на форумах данная проблема активно поднимается, но не всегда находятся грамотные люди, которые в этом помогают. Это я по собственному опыту.