Систематически натыкаюсь на код страниц интернета довольно солидных компаний, а так же компаний - вэб-разработчиков, которые наряду с использованием js на страницах сайта прибегают к громоздким спискам и т.п. описанным тэгами, без js.
Приведу пример:
<ul>
<li class="style">Элемент списка 1</li>
<li class="style">Второй элемент</li>
<li class="style">Элемент номер три</li>
<li class="style">Ещё какая-то ерунда</li>
<li class="style">Бред сивой кобылы</li>
<li class="style">И всякая хрень</li>
</ul>
Это ерунда, если список такой, но зачастую элементов во много больше.
Почему не использовать такой подход:
<script>
var ul=["Элемент списка 1","Второй элемент","Элемент номер три","Ещё какая-то ерунда","Бред сивой кобылы","И всякая хрень"];
someDiv.innerHTML="<ul><li class='style'>"+ul.join("</li><li class='style'>")+"</li></ul>";
</script>
Я вижу только плюсы в js варианте - при длинном списке объём данных получится значительно меньше, упрощение работы с тэгами и их атрибутами, динамическое изменение списка и т.п.
Полагаю, продвинутые конторы по вэб разработкам не будут заниматься ерундой и прибегнут к оптимальному решению.
Почему же первый пример - без js используют в большинстве? Чем он превосходит js?
В чём заключается разница?