Server-side includes (SSI) — это технология, которая позволяет веб-разработчикам включать динамический контент в свои HTML-документы, не изменяя содержимое вручную при каждом его изменении. С помощью SSI веб-разработчики могут включать общие элементы, такие как заголовки, подвалы и навигационные меню на нескольких страницах сайта, что упрощает поддержку и обновление всего сайта.
Как работает SSI
SSI работает, позволяя веб-разработчикам встраивать специальные директивы в свои HTML-документы, которые обрабатываются веб-сервером во время выполнения. Затем эти директивы заменяются соответствующим контентом, прежде чем документ будет отправлен веб-браузеру клиента.
Самой распространенной директивой SSI является директива <!—#include—>, которая используется для включения содержимого другого файла в текущий документ. Например, веб-разработчик может использовать следующую директиву SSI, чтобы включить содержимое файла с названием header.html в каждый HTML-документ на своем сайте:
<!--#include file="header.html"-->
Когда веб-сервер обрабатывает эту директиву, он заменяет ее содержимым файла header.html, прежде чем отправить итоговый HTML-документ веб-браузеру клиента.
Преимущества SSI
Использование SSI в веб-разработке имеет несколько преимуществ:
- Простота обслуживания: Используя SSI для включения общих элементов, таких как заголовки и подвалы на нескольких страницах сайта, веб-разработчики могут упростить поддержку и обновление всего своего сайта.
- Уменьшение дублирования кода: Путем повторного использования общих элементов на нескольких страницах сайта веб-разработчики могут уменьшить количество дублирования кода в своих HTML-документах, сделав свой код более читабельным и поддерживаемым.
- Более быстрые времена загрузки страниц: Включая общие элементы в свои HTML-документы с помощью директив SSI, веб-разработчики могут уменьшить количество запросов к серверу и ускорить время загрузки страниц.
На стороне сервера (SSI) — это механизм использования сервера организации для выполнения таких задач, как отображение файлов как части других файлов или динамическое отображение такой информации, как веб-адреса, даты и время.
Причины, по которым вы можете захотеть использовать SSI на своем сайте, включают в себя
- При стандартном использовании SSI помогает обеспечить сохранение последовательного макета при необходимости изменения внешнего вида сайта.
- SSI помогает избежать ненужного повторения данных, появляющихся на многих страницах (например, контактная информация, складные меню, навигационные панели).
- Хранение повторяющегося контента отдельно в файлах делает обновление этих элементов более простым и эффективным.
2. Getting started
Все файлы, содержащие инструкции SSI, должны иметь расширение .shtml. SHTML-файлы — это обычные HTML-документы. Веб-сервер анализирует только файлы с расширением .shtml, содержащие инструкции SSI. Это означает, что если файл с расширением .html или .htm содержит инструкции SSI, эти инструкции не будут видны.
Если вы обрабатываете существующий сайт, сначала необходимо изменить все файлы, содержащие инструкции SSI, чтобы изменить расширение .shtml. Отметьте в переименовываемых файлах, что существующие гиперссылки на эти файлы будут отражать это изменение имени.
Если вы используете DreamWeaver MX, вы можете переименовать файлы сайта с помощью группы таблиц файлов DreamWeaver. DreamWeaver отслеживает вносимые вами изменения и дает вам возможность автоматически обновлять файл. Это означает, что DreamWeaver изменит гиперссылки. Для получения дополнительной информации см. документацию DreamWeaver.
3. SSI directives
Инструкции SSI вводятся в комментариях HTML. Как и в HTML, существует множество элементов, которые можно использовать в сочетании с различными функциями. К распространенным случаям прекращения действия директив SSI относятся
или если предмет имеет более одной характеристики.
Эти заметки не являются исчерпывающими. Они охватывают некоторые виды использования следующих предметов.
4. The include element
4.1. режим.
ITEM в отдельный HTML-файл, включая ввод HTML-файла Используйте термин FILES INCLUDED для обозначения файлов, содержащих директивы SSI, и файлов, которые включены и отображаются как часть включенных файлов.
Соответствующие файлы должны иметь расширение .shtml, но файлы, включенные в .html, могут. Обратите внимание, однако, что включаемые файлы могут содержать те же инструкции SSI. В этом случае включаемый файл должен иметь .shtml.
4.2. аннуитеты.
Для включенного элемента возможны две функции: виртуальная или файловая.
Виртуальная функциональность позволяет просматривать файлы (не обязательно являющиеся частью вашего собственного сайта), включенные на том же веб-сервере с помощью инструкций SSI. Функция файлов позволяет просматривать только те прикрепленные файлы, которые являются частью вашего собственного веб-сайта. Обратите внимание, что при использовании DreamWeaver по умолчанию используются файлы функций.
Обратите внимание, что если вы включаете файл, который не является частью вашего собственного сайта, вам необходимо знать UNIX-корень этого файла. Если файл отображается в веб-браузере, корень UNIX не совпадает с корнем в URL.
Предположим, что школа керамики размещает ссылку со своего сайта на личный сайт сотрудника и просит его разместить контактные данные школы на главной странице. Контактная информация содержится в документе под названием file.html на сайте Школы керамики. Сотрудник отображает этот документ как часть своей домашней страницы. Для этого необходимо знать UNIX-путь к документу file.html, например: /home/langs/pottery/file.html (соответствующий URL для этого файла — http://www. st-andrews.ac.uk/pottery/file.html ).
Если вам нужно знать UNIX-путь к файлу, который нужно вставить в веб-страницу, вам нужно знать имя учетной записи и имя домашнего сервера этой учетной записи и заменить /langs/pottery на информацию для этой учетной записи. В данном примере имя счета — pottery. Основным сервером для этого аккаунта является langs.
Для получения дополнительной информации об отображении включаемых файлов в каталоге, отличном от включаемого файла, см. примечания к Dreamweaver.
4.3. Пример.
Существует включаемый файл, который содержит директиву SSI для включения файла include file.html. Оба файла хранятся в одном каталоге на веб-сервере.
Обратите внимание, что включенный файл не повторяет основные html-элементы, уже включенные во включенный файл. Документ file.html не содержит начальных и конечных тегов или тегов. Он появляется как часть тела включения.
Если вы посмотрите на html-источник включаемого файла в том виде, в котором он представлен в Интернете, вы не увидите никаких директив SSI. Вместо этого отображается содержимое файла file.html.
5. The echo element
5.1. режим.
Используйте компонент echo для динамического отображения URL, текущей и последней измененной даты веб-страницы.
5.2. Директивы SSI и отображение
| Директивы SSI | Внешний вид | |
|---|---|---|
| URL | www.st-andrews.ac.uk/itsnew/web/ssi/index.shtml | |
| Последнее обновление | 2010 09:26:48 по британскому времени | |
| Текущая дата. | Четверг, 22 Сентября 2022 10:20:07 BST |
6. The config element
6.1. режим.
Используйте элемент config для форматирования отображения даты и времени.
6.2.Синтаксис и примеры
Эта директива появляется непосредственно перед директивой SSI для даты последнего изменения или текущей даты.
Его появление запланировано на четверг, 22 сентября 2022 года.
6.3. значения timefmt
Ниже перечислены некоторые значения, доступные на веб-сервере St Andrews. Между этими значениями могут быть вставлены знаки препинания. Обратите внимание на запятую после %A в директиве config выше. В следующем примере используется текущая дата.
