Как включить один HTML-файл в другой

В этой статье объясняется, как работают «Включаемые», и приводятся шаги по использованию «Включений на стороне сервера», «Включений PHP» и «Включений JavaScript».

Использование включений на стороне сервера

Server Side Includes был впервые разработан, чтобы позволить веб-разработчикам «включать» HTML-документы в другие страницы. По сути, фрагмент, который находится в одном документе, включается в другой, когда страница запускается на сервере и отправляется в веб-браузер.

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

Вот пример того, как вы можете использовать SSI для включения фрагмента HTML на все ваши веб-страницы:

1. Сохраните HTML-код для общих элементов вашего сайта в виде отдельных файлов. Например, раздел навигации можно сохранить как navigation.html или же navigation.ssi.

2. Используйте следующий код SSI, чтобы включить код этого HTML-документа на каждую страницу.

   
   или же.
   

   В включать Директива принимает два параметра. Виртуальный предполагает, что имя файла относится к корню документа веб-сайта, тогда как файл принимает абсолютный путь к файлу.

3. Добавьте этот код на каждую страницу, которую вы хотите включить в файл.

Использование PHP включает

Как SSI, PHP это технология серверного уровня. Если вы не уверены, есть ли на вашем сайте функциональность PHP, обратитесь к своему хостинг-провайдеру.

Вот простой сценарий PHP, который вы можете использовать для включения фрагмента HTML на любую веб-страницу с поддержкой PHP:

1. Сохраните HTML для общих элементов вашего сайта, таких как навигация, в отдельные файлы. Например, раздел навигации можно сохранить как navigation.html или же navigation.ssi.

2. Используйте следующий код PHP, чтобы включить этот HTML-код на каждую страницу (подставляя путь к файлу и имя файла между кавычками).

3. Добавьте этот же код на каждую страницу, которую вы хотите включить в файл.

JavaScript включает

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

Вот как можно включить фрагмент HTML с помощью JavaScript:

Сохраните HTML-код общих элементов вашего сайта в файл JavaScript. Любой HTML-код, записанный в этом файле, должен быть выведен на экран с document.write функция.

1. Загрузите этот файл на свой сайт.

2. Использовать 

3. Используйте тот же код на каждой странице, которую вы хотите включить в файл.

Что включает в себя HTML?

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

• Навигация
• Информация об авторских правах
• Области заголовка
• Области нижнего колонтитула

Как "Включает" делает веб-дизайн более эффективным

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

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

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

Повторяющийся контент в системах управления контентом

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

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

Другие методы включения

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

• CGI включает: Ты можешь использовать Perl или другой язык программирования для создания ваших страниц и последующего включения всего, что вы хотите, либо в виде «требуемых» файлов, либо путем чтения их вручную.
• Вспышка включает: Если вы создаете свой сайт полностью в Adobe Flash, вы можете использовать его для включения элементов сайта. Этот метод устарел, и в наши дни полнофункциональные Flash-сайты - большая редкость.
• Кадры включают: Вместо того, чтобы использовать одни и те же элементы снова и снова на нескольких страницах, создайте сайт с фреймами, где фреймы являются дублированными частями сайта. Однако, за исключением элемента iframe, фреймы устарели в HTML5.
• Инструменты управления контентом включают: Создание шаблонов - один из основных аргументов в пользу CMS, и именно так эта работа сегодня выполняется на большинстве сайтов.