Тэг HR используется в веб-документах для отображения горизонтальной линии по странице или иногда называется горизонтальным правилом. В отличие от некоторых тегов, для этого не требуется закрывающий тег, поэтому все, что вам нужно сделать, это тип для вставки строки.
Строка растягивается по всей ширине страницы и содержит некоторые атрибуты по умолчанию для описания толщины, местоположения и цвета линии, но вы можете изменить эти параметры, если хотите.
Вы можете редактировать характеристики горизонтальной линии в документе HTML5, редактируя CSS страницы. Горизонтальные линии HTML4 были изменены на стороне HTML документа.
Является ли семантическая метка HR?
В HTML4 метка HR не была семантической. Семантические элементы описывают их значение в терминах браузера, и разработчик может легко понять. Тэг HR был всего лишь способом добавить простую строку в документ, где бы вы этого ни хотели. Укладка только верхней или нижней границы элемента, где вы хотите, чтобы линия отображалась горизонтальной линией вверху или внизу элемента, но, в общем, тег HR был проще использовать для этой цели.
Начиная с HTML5, тег HR стал семантическим, и теперь он определяет тематический перерыв на уровне абзаца, который является перерывом в потоке содержимого, который не гарантирует новую страницу или другой более сильный разделитель, - это изменение темы. Например, вы можете найти тег HR после смены сцены в истории или указать изменение темы в справочном документе.
Атрибуты HR в HTML4 и HTML5
В HTML4 тегу HR могут быть назначены простые атрибуты, включая выровнять, а также noshade , Выравнивание может быть установлено на оставил , центр , право или же обосновывать , Ширина регулирует ширину горизонтальной линии от 100% по умолчанию, которая расширяет линию на странице. noshade Атрибут делает сплошную цветную линию вместо затененного цвета.
Эти атрибуты устарели в HTML5. Вместо этого вы должны использовать CSS для стилей ваших тегов HR в документах HTML5.
Это пример HTML5 для стилизации горизонтальной линии высотой 10 пикселей с использованием встроенного CSS (стили, вставленные непосредственно в документ вместе с HTML):
Другой способ стилизации горизонтальных строк в HTML5 - использовать отдельный файл CSS и ссылаться на него из документа HTML. В файле CSS вы должны написать стиль следующим образом: hr {высота: 10px}
Тот же эффект в HTML4 требует добавления атрибута к содержимому HTML. Вот как изменить размер горизонтальной линии с помощью размер атрибут:
Гораздо больше свободы стилизации горизонтальных линий в CSS по сравнению с HTML. Только ширина а также рост стили согласованы во всех браузерах, поэтому при использовании других стилей может потребоваться пробная версия и ошибка. Ширина по умолчанию всегда равна 100% ширины веб-страницы или родительского элемента. Высота по умолчанию для этого правила - два пикселя.
