html без переписывания кода

Question

Можно-ли сделать так чтобы в моем index.html подгружался кусок кода из специального файла, например _header.html, как это сделано, например, в sass? Допустим я делаю сайт с большим количеством страничек и постоянно меняю шапку сайта и мне приходиться тратить много времени на копипастинг, вот я и задался таким вопросом. Можно ли сделать, как-бы, функцию в html. Может то как я изложил решение, которое могло бы быть в корне не верно, но суть вопроса думаю понятна

Answer 1

если html сделать php файлом и туда можно вставить код, который в зависимости от условия (например параметров в строке запроса) берет разные шапки. примерно так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
Test page
</head>
<?php
if ($_GET['header']=1) {
    require_once('/path/to-header1.inc.html');
} else {
    require_once('/path/to-hedaer2.inc.html');
}
?>
<body>

some text

</body>
</html>

Answer 2

Можно на html при помощи тега <iframe>
В зависимости от адреса страницы ( window.location.href) можно ставить ему разные src='путь к шапке.html'

БЛОГ НА HUSL

html без переписывания кода

Ответы (2 шт):