/html/hr:> Горизонтальная разделительная линия_
Элемент hr
Синтаксис
HTML
XHTML
<hr>
Описание
Элемент hr
(от англ. "horizontal rule" ‒ «горизонтальная линия») создаёт горизонтальную линию. Данный элемент является блочным элементом и располагается на отдельной строке.
Примечание
В HTML 4.01 данный элемент выполняет только роль визуального эффекта (горизонтальная линия). Начиная с HTML5 элементу hr
дополнительно придаётся смысловой эффект «тематического разделения» (разделение разделов, статей).
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Horizontal Rule: HR | Перевод |
3.2 | HR - horizontal rules | |
4.01 | 15.3 Rules: the HR element DTD: Transitional
Strict
Frameset
|
|
5.0 | 4.4.2 The hr element | |
5.1 | 4.4.2. The hr element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- align
- Устанавливает горизонтальное выравнивание линии.
- color
- Задаёт цвет линии.
- noshade
- Устанавливает отображение двухмерной версии разделительной линии.
- size
- Задаёт высоту (толщину) линии.
- width
- Задаёт длинну линии.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент hr</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "hr"</h1>
<h2>Тема 1. Гипертекст</h2>
<p>это ветвящийся или выполняющий действия по запросу текст.</p>
<hr>
<h2>Тема 2. Тег языка разметки</h2>
<p>это элемент гипертекстового языка разметки.</p>
<hr class="themHr">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент hr</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "hr"</h1>
<h2>Тема 1. Гипертекст</h2>
<p>это ветвящийся или выполняющий действия по запросу текст.</p>
<hr>
<h2>Тема 2. Тег языка разметки</h2>
<p>это элемент гипертекстового языка разметки.</p>
<hr class="themHr">
</body>
</html>
Элемент hr