Что такое SSI, или Сделай свой сайт проще! (Часть 1)

Интернет-технологии в наши дни становятся все доступнее. Открыть свой сайт в Интернете может любой, выбор возможностей — на любой вкус. Можно кропотливо выписывать тэги в «Блокноте», можно использовать специальные визуальные редакторы, можно просто набросать страницу в Microsoft Word и сохранить в формате HTML. Словом, «твори, выдумывай, пробуй!». Совершенно не обязательно быть профессиональным программистом или дизайнером, все чаще на арену Интернета выходят любители.

Почти каждый непрофессиональный сайт начинает свое существование в виде нескольких HTML-документов, связанных между собой перекрестными ссылками. Многие так и уходят в таком состоянии в информационную вечность. Но некоторые любительские сайты все же становится популярными, обрастают жирком информационного наполнения, нагуливают объем. Иногда разрастаются до десятков и даже сотен страниц. Но по сути своей остаются набором раз и навсегда сформированных документов.

Поддерживать и обновлять такой сайт — сущее мучение для его владельца. Страница, как правило, состоит из нескольких блоков, причем часть их них неизменна для всех страниц сайта. Это заголовок, навигационное меню, рекламный блок, подвал страницы. Если что-то захочется изменить в одном из таких постоянных блоков, это придется вручную сделать на каждой странице сайта. Удовольствие весьма сомнительное. Часто интересные идеи остаются нереализованными именно из-за большого объема правки десятков отдельных страниц. SSI позволяет значительно облегчить эту работу. Кроме того, технология SSI позволяет делать еще кое-что, принципиально не выполнимое средствами HTML. Использовать SSI просто, хотя знание языка HTML очень поможет. Если вы не испугались, то вперед!

Прежде всего, расшифруем аббревиатуру SSI — Server Side Includes. По-русски, «включения на стороне сервера». Все понятно? Тогда на этом закончим… Хотя лучше будет все-таки пояснить. SSI — это директивы, вставляемые в HTML-код и управляющие web-сервером. Встречая в файле такие SSI-вставки, web-сервер выполняет определенные действия. Например, добавление HTML-кода из другого файла, формирование страниц «на лету» в зависимости от типа браузера и многое другое.

Для того чтобы сервер знал, что страница содержит SSI-вставки, она должна иметь специальное расширение: *. shtml или *. shtm, хотя это определяется конфигурацией сервера. Чаще всего применяется именно *. shtml. О том, что сервер поддерживает SSI, обычно сообщается в описании хостинга или тарифа. Но проверить не помешает. Для этого создадим два файла — first. shtml и second. html. В файл first. shtml скопируем шесть строк:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4. 01 Transitional//EN"> <html> <body> <!--#include file=» second. html"--> </body> </html>

В файл second. html запишем всего одну строку:

<b>Работает! <b>

Теперь загрузим эти страницы на сервер и напишем в адресной строке браузера «www. ваш_сайт/first. shtml». Если сервер поддерживает SSI, то после открытия файла мы увидим надпись «Работает!». Если вместо этого написано [an error occurred while processing this directive], тоже поздравляю! SSI работает, но обработать SSI-вставку невозможно. Например, вы могли вставить в код лишние пробелы или по-разному назвать файлы. Скорее всего, на сервере трудится Unix-система, а для нее second. html и Second. html — две большие разницы.

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

Итак, чем же SSI может помочь при сопровождении сайта? Основная вкусность заключается в следующем. Любой фрагмент, который повторяется на нескольких страницах, мы можем хранить на сервере в единственном экземпляре! Для этого поместим этот фрагмент в отдельный файл, например fragment. html. В этом файле не нужны <html>, <body> и прочие атрибуты «полноценного» html-документа. Там должен быть только сам фрагмент кода, который потом будет вставлен на свое место.

Теперь в любом месте любой страницы сайта, где этот фрагмент понадобится, мы пишем SSI-вставку:

<!--#include file="fragment. html" -->

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

<!--#include virtual="/catalog/fragment. html" -->

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

Вы все еще раздумываете? Тогда специально для вас во второй части статьи мы рассмотрим такие вкусности, что сомнений в использовании SSI уже не останется.


19:15 31.05.2019



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Жидкий камень

Жидкий камень

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

Стеклопакет - важная деталь плас...

Это не окно, но важнейшая часть современного окна. Стеклопакеты бывают однокамерными (с двумя стеклами) и двухкамерными (с тремя). Климатическим условиям большей части Ленинградской области удовлетвор...
Портал, где можно купить теплый пол

Портал, где можно купить теплый ...

Ни для кого не секрет, что от уровня качества отопления и водоснабжения вашего дома прямо зависит уют. Еще недавно такую возможность, как АГВ позволяли себе монтировать только хозяева частных домов. Т...
Спасенное одиночество

Спасенное одиночество

     Игорь прометался в бреду всю ночь. Он ощущал какое-то замкнутое пространство, из которого не было выхода. Он не мог вернуться в сознание, но и смерть не принимала его. Ср...
Чистота от самого входа

Чистота от самого входа

Забавно получается, когда вам приходится посещать какое-либо заведение по виду очень приличное, однако, когда заходите внутрь, то понимаете, что здесь не совсем комфортно. И в первую очередь это прояв...
Кухни, Пенза: выбираем что лучше – взять уже готовую или заказать?

Кухни, Пенза: выбираем что лучше...

В кухне все мы проводим значительную часть своего времени. Там мы не только готовим, но и также устраиваем теплые вечерние посиделки с семьей и друзьями и обдумываем серьезные вопросы. Именно поэтому ...
Еда, рецептыСемья, дом, детиМедицина и здоровьеКомпьютеры и ИнтернетТовары и услугиОбразование и НаукаДом и квартираРабота, карьера, бизнесКультура и искусствоФлора и фаунаИнтимная жизнь
Интересное:

Новости развития информационнного портала:

Наш сайт является ресурсом, который включает в себя полный список полезных и интересных статей. Абсолютно каждый гость найдет для себя что-нибудь полезное. Модернизированный дизайн позволяет вам быстро находить требуемую информацию. Самые разнообразные тематические статьи дают возможность вам совершенствоваться в той или иной сфере. Быть более начитанным и грамотным. Современный дизайн сайта позволяет просматривать статьи на всех гаджетах. Теперь отыскать актуальную информацию стало легко.

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