Почти все веб-сайты содержат элементы дизайна, которые повторяются на каждой странице сайта, включая область заголовка, в которой находится логотип, меню навигации и область нижнего колонтитула.
Повторяющиеся элементы на сайте обеспечивают согласованность в работе пользователя. Посетителю не нужно размещать навигацию на каждой странице, поскольку, найдя ее, он знает, где она будет находиться на других страницах посещаемого сайта.
Как «Включает» делает веб-дизайн более эффективным
Включенный контент избавляет от необходимости редактировать каждую страницу вашего сайта для этого повторного контента. Вместо этого вы редактируете один файл, а затем весь ваш сайт и каждая страница в нем получают обновление.
Повторный контент в системах управления контентом
Если ваш сайт использует CMS , то он, вероятно, использует определенные шаблоны или темы, которые являются частью этого программного обеспечения. Даже если вы создаете эти шаблоны с нуля, сайт все же использует эту платформу для страниц. Таким образом, эти шаблоны CMS содержат области сайта, которые повторяются на каждой странице. Вы просто входите в бэкэнд CMS и редактируете необходимые шаблоны. Все страницы сайта, использующие этот шаблон, будут обновлены.
Даже если вы не используете систему управления контентом для своего сайта, вы все равно можете воспользоваться включенными файлами. Включает в себя HTML, чтобы упростить управление этими шаблонными областями вашего сайта.
Что такое HTML?
Включение — это раздел HTML, который сам по себе не является полным документом HTML. Вместо этого это часть другой страницы, которая может быть вставлена в полноценную веб-страницу посредством программирования. Большинство включаемых файлов — это те вышеупомянутые элементы, которые повторяются на нескольких страницах веб-сайта. Например:
- навигация
- Информация об авторских правах
- Области заголовка
- Нижний колонтитул
Использование серверной части
Включение на стороне сервера было впервые разработано, чтобы позволить веб-разработчикам «включать» документы HTML в другие страницы. По сути, фрагмент, найденный в одном документе, включается в другой, когда страница запускается на сервере и отправляется в веб-браузер.
SSI включен на большинстве веб-серверов, но вам, возможно, придется включить его, чтобы заставить его работать. Если вы не знаете, поддерживает ли ваш сервер SSI, обратитесь к вашему хостинг-провайдеру .
Вот пример того, как вы можете использовать SSI для включения фрагмента HTML во все ваши веб-страницы:
-
Сохраните HTML для общих элементов вашего сайта в виде отдельных файлов. Например, ваш раздел навигации может быть сохранен как navigation.html или navigation.ssi .
-
Используйте следующий код SSI, чтобы включить код этого HTML-документа на каждую страницу.
<! - # include virtual = "navigation.ssi" ->
или
<! - # include file = "footer_text.html" ->
Включает директиву принимает два параметра. Виртуальный предполагает, что имя файла относительно корня документа веб-сайта, в то время как файл принимает абсолютный путь к файлу.
-
Добавьте этот код на каждую страницу, которую вы хотите включить в файл.
Использование PHP включает
Как и SSI, PHP — это технология уровня сервера. Если вы не уверены, что у вас есть функциональность PHP на вашем сайте, свяжитесь с вашим хостинг-провайдером.
Вот простой скрипт PHP, который вы можете использовать для включения фрагмента HTML на любую веб-страницу с поддержкой PHP:
-
Сохраните HTML для общих элементов вашего сайта, таких как навигация, в отдельных файлах. Например, ваш раздел навигации может быть сохранен как navigation.html или navigation.ssi .
-
Используйте следующий код PHP, чтобы включить этот HTML-код на каждой странице ( подставляя путь к файлу и имя файла между кавычками ).
<? php include ("navigation.ssi"); ?>
-
Добавьте этот же код на каждую страницу, которую вы хотите включить в файл.
JavaScript включает в себя
JavaScript — это еще один способ включить HTML на страницы вашего сайта. Этот метод не требует программирования на уровне сервера, но он немного сложнее — и он, очевидно, работает для браузера, который допускает Javascript, что большинство делает, если пользователь не решит отключить его.
Вот как вы можете включить фрагмент HTML, используя JavaScript :
Сохраните HTML для общих элементов вашего сайта в файл JavaScript. Любой HTML, написанный в этом файле, должен быть выведен на экран с помощью функции document.write .
-
Загрузите этот файл на ваш сайт.
-
Используйте элемент <script>, чтобы включить файл JavaScript на своих страницах:
<script type = "text / javascript" src = " file.js "> </ script>
-
Используйте тот же код на каждой странице, которую вы хотите включить в файл.
Другие методы включения
Есть несколько других способов включить HTML на ваших страницах. Некоторые из них более сложны, чем другие, и многие из них на самом деле устарели по сегодняшним стандартам.
- CGI включает в себя : вы можете использовать Perl или другой язык программирования для создания своих страниц, а затем включать все, что вы хотите, либо как «требовать» файлы, либо считывая их вручную.
- Flash включает в себя : если вы создаете свой сайт полностью в Adobe Flash, вы можете использовать его для включения элементов сайта. Этот метод устарел, и полноценные Flash-сайты в наши дни являются редкостью в Интернете.
- Фреймы включают : вместо использования одних и тех же элементов снова и снова на нескольких страницах, создайте сайт с фреймами, где фреймы являются дублированными частями сайта. Однако, за исключением элемента iframe, фреймы в HTML5 устарели .
- Инструменты управления контентом включают в себя : создание шаблонов является одним из основных преимуществ CMS, и именно на этом сегодня ведется работа на большинстве сайтов.