Содержание
Почти все веб-сайты содержат элементы дизайна, которые повторяются на каждой странице сайта, включая область заголовка, в которой находится логотип, меню навигации и область нижнего колонтитула.
Повторяющиеся элементы на сайте обеспечивают согласованность в работе пользователя. Посетителю не нужно размещать навигацию на каждой странице, потому что, найдя ее, он знает, где она будет находиться на других страницах посещаемого сайта.
Как «Включает» делает веб-дизайн более эффективным
Включенный контент устраняет необходимость редактировать каждую страницу вашего сайта для этого повторного контента. Вместо этого вы редактируете один файл, а затем весь ваш сайт и каждая страница в нем получают обновление.
Повторный контент в системах управления контентом
Если ваш сайт использует CMS, то он, вероятно, использует определенные шаблоны или темы, которые являются частью этого программного обеспечения. Даже если вы создаете эти шаблоны с нуля, сайт все же использует эту платформу для страниц. Таким образом, эти шаблоны CMS содержат области сайта, которые повторяются на каждой странице. Вы просто входите в бэкэнд CMS и редактируете необходимые шаблоны. Все страницы сайта, использующие этот шаблон, будут обновлены.
Даже если вы не используете систему управления контентом для своего сайта, вы все равно можете воспользоваться включенными файлами. Включает в HTML помощь, которая облегчает управление этими шаблонными областями вашего сайта.
Что такое HTML?
Включение — это раздел HTML, который сам по себе не является полным документом HTML. Вместо этого это часть другой страницы, которая может быть вставлена в полноценную веб-страницу посредством программирования. Большинство включаемых файлов — это те вышеупомянутые элементы, которые повторяются на нескольких страницах веб-сайта. Например:
- навигация
- Информация об авторских правах
- Области заголовка
- Нижний колонтитул
Использование серверной части
Включение на стороне сервера было впервые разработано, чтобы позволить веб-разработчикам «включать» документы HTML в другие страницы. По сути, фрагмент, найденный в одном документе, включается в другой, когда страница запускается на сервере и отправляется в веб-браузер.
SSI включен на большинстве веб-серверов, но вам, возможно, придется включить его, чтобы заставить его работать. Если вы не знаете, поддерживает ли ваш сервер SSI, обратитесь к вашему хостинг-провайдеру.
Вот пример того, как вы можете использовать SSI для включения фрагмента HTML во все ваши веб-страницы:
Сохраните HTML-код для общих элементов вашего сайта в виде отдельных файлов. Например, ваш раздел навигации может быть сохранен как navigation.html или же navigation.ssi.
Используйте следующий код SSI, чтобы включить код этого HTML-документа на каждую страницу.
или же
Директива include принимает два параметра. Виртуальный предполагает, что имя файла относительно корня документа веб-сайта, а файл принимает абсолютный путь к файлу.
Добавьте этот код на каждую страницу, которую вы хотите включить в файл.
Использование PHP включает
Как и SSI, PHP — это технология уровня сервера. Если вы не уверены, что у вас есть функциональность PHP на вашем сайте, свяжитесь с вашим хостинг-провайдером.
Вот простой скрипт PHP, который вы можете использовать для включения фрагмента HTML на любую веб-страницу с поддержкой PHP:
Сохраните HTML для общих элементов вашего сайта, таких как навигация, в отдельных файлах. Например, ваш раздел навигации может быть сохранен как navigation.html или же navigation.ssi.
Используйте следующий код PHP, чтобы включить этот HTML-код в каждую страницу (подставляя путь и имя файла между кавычками).
Добавьте этот же код на каждую страницу, которую вы хотите включить в файл.
JavaScript включает в себя
JavaScript — это еще один способ включить HTML на страницы вашего сайта. Этот метод не требует программирования на уровне сервера, но он немного сложнее — и он, очевидно, работает для браузера, который допускает Javascript, что в большинстве случаев происходит, если пользователь не решит отключить его.
Вот как вы можете включить фрагмент HTML, используя JavaScript:
Сохраните HTML для общих элементов вашего сайта в файл JavaScript. Любой HTML, написанный в этом файле, должен выводиться на экран с помощью функции document.write.
Загрузите этот файл на ваш сайт.
Используйте элемент для включения файла JavaScript на ваших страницах: