Тег <dialog>
Описание
Создает диалоговое окно, в которой может находиться, к примеру, текст.
Элементы form могут интегрироваться с окном с помощью атрибута method='dialog'.
Для элемента доступны универсальные атрибуты и события.
См. код языков. См. MIME - типы.
Синтаксис
<dialog>...</dialog>Атрибуты
open - Без него, к окну применяется стиль display: none;, т.е. окно не показывается.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="open">Открыть окно</button>
<dialog>
<p>
Возьми стакан, и брось его об стену,
<br>
Теперь проси прощения на взрыд
<br>
Ну что, свершилось? Стал обратно целым?
<br>
Вот так людей ломает от обид.
</p>
<p>
<button id="close">Закрыть окно</button>
</p>
</dialog>
<script>
var dialog = document.querySelector("dialog");
document.querySelector("#open").onclick = function() {
dialog.show();
}
document.querySelector("#close").onclick = function() {
dialog.close();
}
</script>
</body>
</html><dialog>...</dialog>Читайте также
Тег <mark>
Подсвечивает текст желтым цветом, т.е. выделяет его....
Тег <nav>
Задаёт навигацию по сайту. Если на странице несколько блоков ссылок, то в nav обычно помещают приоритетные ссылки. Также допустимо использовать нескол...
Тег <rp>
Выводит текст в браузерах, которые не поддерживают ruby. В остальных браузерах текст, заключенный в тег rp, не отображается....
Тег <header>
«Шапка» сайта. В ней обычно указывают заголовки , меню... Семантический тег....