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

Использование HTML «включает» может значительно упростить управление вашим сайтом

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

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

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

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

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

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

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

Что такое HTML?

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

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

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

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

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

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

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

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

     

    или

     

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

  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. Используйте элемент , чтобы включить файл JavaScript на своих страницах:

         
Оцените статью
Solutics.ru
Добавить комментарий