Для использования горизонтальной линии в HTML для разделения контента на веб-странице можно использовать тег
. 13 Он создаёт видимую горизонтальную линию, разделяющую содержимое страницы. 1
Пример использования: 1
<h2>Раздел 1</h2><p>Это первый раздел веб-страницы.</p><hr><h2>Раздел 2</h2><p>Это второй раздел веб-страницы.</p><hr><h2>Раздел 3</h2><p>Это третий раздел веб-страницы.</p>
Для изменения цвета, толщины и стиля линии можно воспользоваться CSS-свойством border. 3 Например, код сформирует горизонтальную линию тёмно-серого оттенка высотой в 2 пикселя, лишённую стандартных границ: 5
<hr style='border: 0; height: 2px; background-color: #333;'>
Также можно улучшить доступность веб-страницы, если добавить тегу атрибут aria-hidden='true'. 1