Тег <template>
Описание
Контейнер для хранения HTML или CSS кода, который не будет отображается при загрузке страницы, но он нужен для работы с JavaScript.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<template>...</template>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
3 | 12 | 1 | 3.5 | 1 | 1 | 1 | 1 | 6 | 1 |
Поддерживается | Частичная поддержка | Не поддерживается |
Атрибуты
Устаревшие атрибуты
Пример
<!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='/files/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>
Логотип
Читайте также
Тег <address>
Предназначен для хранения контактной информации автора (адрес, телефон, e-mail, ссылка на сайт и ...
Тег <svg>
Используется в качестве контейнера для создания векторных изображений.<br>Векторная графика...
Тег <progress>
Используется для определения прогресса какой - либо задачи.
Тег <option>
Элемент выпадающего списка <span class='samp'>select</span>.
Тег <ol>
Создает нумерованный список. Используется для списков, где важен порядок.