Валидный HTML-тег HR

Вступление

Каждый верстальщик, который старается делать валидный HTML-код сталкивался с проблемой валидации тега HR (имеется ввиду, когда устанавливаются аттрибуты color, size и т.д.)

Пример

Нам нужно сделать линию из тега HR толщиной в 1px, красного цвета (#FF0000).

Невалидный HR

<hr size="1" color="#FF0000">

Валидный HR

<hr style="background-color:#FF0000; border-width:0px; height:1px;">

Бесплатный совет

Лучше вынести стиль тега HR в глобальный CSS-файл. Так же советую добавить в стиль, к тегу HR свойство clear:both, чтобы линия не обтекала объекты со свойством float:left|right.

Категории

Веб-дизайнHTMLВалидация

Комментарии