0

Тег <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>

Читайте также