Тег <template>: шаблон

Хранит разметку, которую не показывают, но клонируют скриптом.

Уровень: продвинутый 10 разделов 12 минут

1. Что это и зачем

Хранит разметку, которую не показывают, но клонируют скриптом.

Каждый тег — это элемент разметки, который сообщает браузеру, какую роль играет его содержимое: заголовок, абзац, ссылка, картинка. Документ строится как дерево таких элементов: одни вкладываются в другие, и браузер по этому дереву строит модель DOM, с которой потом работают CSS и JavaScript.

Проверяйте вёрстку валидатором W3C: правильная вложенность тегов и закрытие обязательных элементов влияют и на доступность, и на SEO.

2. Синтаксис и пример

<template id="row"><tr><td></td></tr></template>

Запись выше — базовый вариант использования. Обратите внимание, как тег