Тег <template>
Описание
Контейнер для хранения HTML или CSS кода, который не будет отображается при загрузке страницы, но он нужен для работы с JavaScript.
Для элемента доступны универсальные атрибуты и события.
См. код языков. См. MIME - типы.
Синтаксис
<template>...</template>Пример
<!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 onclick='logo()'>Кликни</button>
<template>
<h2>Логотип</h2>
<img src='https://mfs.gki-webik.ru/s?path=/images/regular/iconka.png' width='50'>
</template>
<script>
function logo() {
var temp = document.getElementsByTagName('template')[0];
var clon = temp.content.cloneNode(true);
document.body.appendChild(clon);
}
</script>
</body>
</html>Читайте также
Тег <figure>
Создает контейнер для изображений с необязательным заголовком. Семантический тег....
Тег <iframe>
Используется в качестве контейнера, который встраивает внешние страницы на сайт или файлы. Похож на элемент embed....
Тег <textarea>
Используется для создания текстового поля. Похож на input с type='text', отличие в том, что элемент textarea предназначен для...
Тег <datalist>
Выпадающий список для тега input, который появляется при наведении курсора мыши на данный input ( на пк ) или при нажатии на стрелку рядом ( на мобиль...