Вы можете использовать <iframe>
для разделения того, что вы хотите синхронизировать в разных файлах, например:
hello-world.html:
<div id="new-div">
<div>
<h2 id="new-header-2">
</h2>
</div>
</div>
hello-world-english.html:
<iframe src="hello-world.html"></iframe>
<p>Hello World</p>
hello-world-spanish.html:
<iframe src="hello-world.html"></iframe>
<p>Hola Mundo</p>
Но это было бы проблемой, если вы хотите, чтобы неизмененные данные находились, например, внутри одного из этих <div>
. Кроме того, вы можете написать генератор, который будет принимать два файла: hello-world.html
и список частей, которые вы хотите разделить. Хитрость здесь в том, чтобы использовать специальный маркер, такой как @
(или любой другой редко используемый символ), и заменить его одним из элементов в списке, что было бы довольно тривиально. Просто восстановите, когда либо hello-world.html
, либо список обновится, и все готово.
Вернее, нет. Я думаю, что проблема уже решена кем-то с большим опытом, чем я. Google твой друг;).