Одним из наиболее полезных, но наименее часто используемых элементов во всем HTML является скромная горизонтальная линия. Ее цель проста, но почетна: создание визуальной разделяющей линии между разделами Web-страницы. Наилучшее свойство этого элемента — это то, что линия является встроенной графикой. Браузер генерирует ее самостоятельно. Посетителям Web-сайта не надо загружать ее, что уменьшает общее время загрузки графики и улучшает производительность Web-сайта.

Одна из проблем, присущих горизонтальной линии, состоит в том, что готовая линия слишком длинна, неизящна и вызывающа. Большинство Web-дизайнеров предпочли бы разделить разделы на своих Web-страницах с помощью элегантного пустого пространства, не прибегая к этой безобразной линии. Однако если потратить некоторое время на настройку ее атрибутов, можно создать ряд действительно классных эффектов.

С помощью тега <hr> браузером генерируются горизонтальные линии. У пользователя имеется возможность изменять большую часть атрибутов этого тега, чтобы сделать вид горизонтальных линий более привлекательным. В первую очередь следует избавиться от эффекта теней, используемого по умолчанию, из-за которого большей частью горизонтальная линия выглядит нелепо:
<hr noshade>
У атрибута noshade отсутствуют значения. Этот атрибут или присутствует в теге <hr>, или его там нет.