поддержка браузера при включении HTML

Question

Существует множество вариантов включения HTML в другой HTML-код. Я не заинтересован в опции PHP и ищу лучшее решение JavasSript. Я нашел следующие коды:

<div w3-include-html="content.html"></div>

<script>
w3.includeHTML();
</script>

и опция jQuery с методом load:

$(document).ready(function() {
    $('#item').load('example.html');
});

Какой вариант самый лучший? я имею в виду, какая опция поддерживается в большинстве версий браузеров.

Спасибо

Answer 1

Это фактически один и тот же метод с точки зрения поддержки браузера.В обоих случаях используется JavaScript для использования XHR (он же AJAX) для получения HTML-кода с сервера и внедрения его на страницу.

В большинстве случаев лучше собрать свою страницу на стороне сервера, дляпо крайней мере, по нескольким причинам:

• SEO - Не все сканеры работают с JavaScript
• Скорость загрузки страницы - нет необходимости в еще одном HTTP-запросе для получения контента, который по существу запрашивалсяпользователь в первую очередь.
• Браузеры, которые не запускают JavaScript - некоторые люди отключают JavaScript.Другие используют старые консольные браузеры, которые не поддерживают JavaScript.Хотя большая часть Интернета требует от JS работы в наши дни, если вы просто включаете HTML, лучше всего делать это на стороне сервера.