Метка шаблона была впервые введена в HTML 5.2, и с тех пор не получила много славы. Он имеет девяносто пять процентов глобальной поддержки браузера ( Source ), поэтому нет ничего причин, чтобы избежать ее.
Но что на самом деле делает тег шаблона?
- Он хранит HTML на потом, такие сложные элементы легко реплицироваться.
- Невидимо пользователям, читателям экрана и поисковых системах, создавая SEO и доступность (A11Y).
- Поскольку вы пишете HTML в HTML-файле, ваш код будет читать как просто, как если бы он был написан для двухлетних детей. ( Отказ от ответственности: Я не проверил это ).
Давайте приведем пример где-то, что мы бы использовали тег шаблона.
Рассмотрим статический Страница, которая тянет новости от API, таких как Hacker News ». Мы не используем реакцию, ни экспресс. Мы можем тянуть данные из Hacker News API , но как мы их покажим пользователю?
- Мы могли бы использовать документ .Createelement. Однако кто-то читает наш код, не будет искать HTML внутри файла JavaScript.
- Мы могли бы установить InnerHTML в строку HTML. За исключением случаев, это подвергает риск безопасности под названием Скрипты на сайт Отказ Спасибо за Moomin для указания этого.
- Лучший вариант кажется тегом шаблона.
Вы можете узнать больше об использовании тега шаблона на MDN Отказ Кроме того, посмотрите пример Hacker News на кодепене Отказ
Примечание: этот пост впервые появился на мой блог Отказ
Оригинал: “https://dev.to/binyamin/all-about-the-template-tag-36k7”