включая другие страницы в документах HTML

Question

Допустим, вы работаете над шаблоном веб-сайта, который имеет много страниц (index.html, blog.html, contact.html ...). Вы начинаете с разработки домашней страницы, а затем переходите к другим страницам. Пока вы находитесь на других страницах, вы думаете о некоторых улучшениях, и эти улучшения должны повлиять на весь сайт.

Итак, я возвращаюсь на каждую страницу и вносю изменения Это довольно непродуктивно, особенно если у вас есть 6 или более страниц, а иногда вы забыли обновить изменения.

Если бы это был PHP, я бы сделал

require ('header.php');

Это сработало для меня хорошо. Но сейчас я работаю над HTML и на самом деле не люблю преобразовываться в PHP, а затем снова в HTML.

Так есть ли у вас конкретный метод / способ сделать это?

Answer 1

Вы можете использовать включения на стороне сервера, чтобы получить желаемый эффект, если ваш сервер их поддерживает.

Вы можете использовать PHP, чтобы включить ряд небольших файлов HTML.Скрипт PHP минимален.Никаких «преобразований» не требуется.Просто что-то вроде require('header.html'); require('body.html'); require('footer.html'); или что-то подобное.

Если вас беспокоит необходимость писать много PHP, вы можете использовать шаблонизатор, такой как Smarty TPL, чтобы четко отделить код от страниц.и минимизировать количество кодирования, которое вы должны сделать.Это имеет дополнительное преимущество, заключающееся в наличии «генераторов» HTML, которые автоматически выполняют такие функции, как создание переключателей для вас или обфусцирование адресов электронной почты.

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

Answer 2

Если вы работаете со страницами HTML (например, с расширениями .htm и .html), рассмотрите возможность использования Включения на стороне сервера . Этот подход работает с базовым анализом HTML и поддерживается большинством / всеми основными веб-серверами, включая Apache и IIS .

Просто включите этот текст в ваш HTML-файл:

 <!--#include virtual="header.html" -->

Затем веб-сервер извлечет разметку из этого файла и вставит ее в строку на странице, которую он в данный момент обслуживает.

Answer 3

Вы можете использовать PHP в качестве препроцессора, генератора кода.Запустите PHP на своем локальном компьютере, затем сохраните созданные статические HTML-страницы и отправьте их в производство.Вы можете написать небольшой скрипт для посещения каждой из ваших страниц PHP и сохранить соответствующий HTML.Тогда вы могли бы иметь удобство PHP во время разработки и простоту HTML в производстве.