Шаблоны в JavaScript тег template

Здравствуйте! В этом уроке я хочу рассказать про тег <template>, который предназначен для хранения «шаблонной» разметки, невидимого кода и предназначенного для вставки куда-либо на странице.

Конечно же , существует довольно много способов записать произвольный невидимый текст в HTML. В чём же особенность тега <template>?

Его отличие от обычных тегов в том, что его содержимое обрабатывается специальным образом. Оно не только скрыто, но и считается находящимся вообще «за пределами документа». А при вставке автоматически «появляется», выполняются из него скрипты, начинает проигрываться видео, аудио и т.п.

Содержимое тега <template>, в отличие, к примеру, от шаблонов или <script type=»неизвестный тип»>, обрабатывается браузером. А значит, должно быть корректным HTML.

Оно доступно как DocumentFragment в свойстве тега content. Предполагается, что мы, возьмём content и вставим, куда нам надо. Читать далее

template в javascript

		Это интересно 0	Как всё будет выглядеть в блоге: Шаблоны в JavaScript тег template Здравствуйте! В этом уроке я хочу рассказать про тег <template>, который предназначен для хранения «шаблонной» разметки, невидимого кода и предназначенного для вставки куда-либо на странице Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchim-html/16121298/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Шаблоны в JavaScript тег template </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! В  этом  уроке  я  хочу   рассказать  про  тег <template>,  который  предназначен для хранения «шаблонной» разметки, невидимого кода  и предназначенного для вставки куда-либо    на странице </div> </div> Шаблоны в JavaScript тег template <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchim-html/16121298/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Шаблоны в JavaScript тег template</a> <div style="font-family:trebuchet MS;">Здравствуйте! В этом уроке я хочу рассказать про тег <template>, который предназначен для хранения «шаблонной» разметки, невидимого кода и предназначенного для вставки куда-либо на странице </div> </div>

webguru

23.10.2019

В избранное Пожаловаться Просмотров: 417

Комментарии ⁰

Учим HTML 56

Активные участники:

Последние откомментированные темы:

Шаблоны в JavaScript тег template

Комментарии временно отключены

Премодерируемое участие
901 участник