HTML5 шаблон тега организации кода

Лучше всего внедрить все теги шаблона внутри головы?

Я думаю, что таким образом код будет намного чище, который разделяет элементы между элементами, которые можно визуализировать, и другими, которые нет. Что вы думаете или что вы используете сами?

Источник

1 ответ

Решение

Это действительно основано на личных предпочтениях и контексте шаблонов. template тег может быть размещен в head элемент, как стандарт W3 разрешает содержание метаданных там, и template Элемент действительно может быть метаданными. Тем не менее, пример кода W3 (воспроизведенный ниже) показывает, что он расположен рядом с тем местом, где он предназначен для использования.

<!DOCTYPE html>
<title>Cat data</title>
<script>
 // Data is hard-coded here, but could come from the server
 var data = [
   { name: 'Pillar', color: 'Ticked Tabby', sex: 'Female (neutered)', legs: 3 },
   { name: 'Hedral', color: 'Tuxedo', sex: 'Male (neutered)', legs: 4 },
 ];
</script>
<table>
 <thead>
  <tr>
   <th>Name <th>Color <th>Sex <th>Legs
 <tbody>
  <template id="row">
   <tr><td><td><td><td>
  </template>
</table>
<script>
 var template = document.querySelector('#row');
 for (var i = 0; i < data.length; i += 1) {
   var cat = data[i];
   var clone = template.content.cloneNode(true);
   var cells = clone.querySelectorAll('td');
   cells[0].textContent = cat.name;
   cells[1].textContent = cat.color;
   cells[2].textContent = cat.sex;
   cells[3].textContent = cat.legs;
   template.parentNode.appendChild(clone);
 }
</script>
Источник
Другие вопросы по тегам