icon-star icon-cart icon-close icon-heart icon-info icon-pause icon-play icon-podcast icon-question icon-refresh icon-tile icon-users icon-user icon-search icon-lock icon-comment icon-like icon-not-like icon-plus article-placeholder article-plus-notepad article-star man-404 icon-danger icon-checked icon-article-edit icon-pen icon-fb icon-vk icon-tw icon-google
Юрий Пономаренко
Техника и Интернет

Зачем нам нужен SSI?

  • 1854
  • 4

Зачем нам нужен SSI?

А
Аббревиатуру SSI мало кто слышал, разве что матерые веб-программисты, набившие руку в создании сайтов и знающие толк в серверных технологиях. Рядовые владельцы простых сайтов с разметкой на HTML или блогов на популярных «движках» вряд ли догадываются, что есть такая полезная вещь, как SSI. И чем же она полезна?

Начнем издалека – с общего принципа устройства сайта. Обычная страница представляет собой просто текст, перемешанный с так называемыми тегами языка разметки HTML. Эти теги указывают программе – браузеру, где в тексте должен быть перенос, картинка, какие отступы текста от нее использовать, какой размер и цвет шрифта применить и многое другое… Именно с помощью этих тегов мы видим на экране красивую и правильно оформленную страницу сайта, без «перекосов» рисунков и текста. Конечно, вручную эти теги давно уже никто не вставляет – используются специальные программы, где довольно удобно можно сформировать внешний вид всей страницы и вставить как текст, так и другие элементы оформления.

Все это, конечно, хорошо, но вот неудобство – чтобы что-то изменить на сайте, нужно поменять множество страниц. Например, имеется где-нибудь в боковой колонке раздел для новостей. Если он есть только на одной странице – еще можно пережить, но если на многих, а то и на всех, да еще если сайт имеет не один десяток страниц, то… Чтобы изменить текст в этом блоке, его нужно поменять на всех этих страницах, а это адский труд. Много начинаний умирало только при одной этой мысли.

Есть вариант обойти эту трудность – использовать так называемые фреймы. Это значит, что в структуре страниц четко и навсегда выделяется область - фрейм, где будет выводится содержимое какой-то другой страницы. Например, сбоку можно сделать фрейм, в котором будет выводиться страница с новостями. При этом она будет выглядеть, как часть всей страницы. Стоит ее изменить, и она будет выводиться в новом виде везде, на всех страницах сайта. Но использование фреймов тоже не очень удобно. Например, их положение задано раз и навсегда, а чтобы его поменять, придется долго исправлять шаблон сайта. Да и выглядят они не очень красиво, как ни стараться – заметно инородное тело в теле страницы. К тому же в некоторых браузерах могут неправильно отображаться.

Вот в таких случаях и может пригодиться применение SSI. Эта аббревиатура означает «Server-Side Includes» - «включения на стороне сервера». Что это значит? Как известно, все сайты находятся на специальных компьютерах – серверах, которые тоже могут производить некоторые действия со страницами сайта. Вот технология SSI и позволяет это использовать, но для этого сервер должен разрешать ее. Это обычно указывают в тарифном плане хостинга. Итак, допустим, SSI, поддерживается, тогда что это дает?

А это позволяет делать в теле документа на HTML специальные вставки, например, в нужном месте страницы можно вставить другую. Это делается очень просто, например, так - . Такую команду можно разместить, например, там, где должны быть наши новости. А страницу с новостями можно исправлять как угодно. При этом она будет появляться в строго отведенном ей месте и только на страницах, где ей это разрешено этой командой. И, в отличие от фреймов, мы можем использовать ее в разных местах. Например, на главной странице новости сделаем вверху средней колонки, а на остальных – в боковой колонке. При этом расширение файла основной, «родительской», страницы обычно нужно использовать не html, а shtml, чтобы сервер знал, что здесь используется SSI.

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

Команды SSI выполняются на сервере, потому эта технология так и называется. Это значит, что наш браузер получит страницу с уже полностью вставленным кодом всех отдельных страниц. Мы не сможем отличить, была эта страница сразу такой или она была «слеплена» из частей. Сервер сам ее склеит и пришлет уже в целом виде. Конечно, это несколько повышает нагрузку на него, но не сильно.

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

Конечно, PHP – серьезный язык веб-программирования, на нем пишут солидные программы и сайты… Только вот нужно ли ружье на слона, когда охотишься на воробья? Иногда вопрос можно решить и более простыми способами, да и PHP использовать разрешено не всегда, а SSI тоже имеет довольно много возможностей. Конечно, чтобы создавать действительно профессиональные сайты, нужно знать и уметь применять и то, и другое, но рядовой сайтостроитель может и с помощью только SSI очень даже преобразить свой простой сайт на «голом» HTML.

deb
Юрий Пономаренко

Пока другую искал, уже заменили.Ну не хуже той, что я нашел, пусть остается.

Вам необходимо или зарегистрироваться, чтобы оставлять комментарии
выбор читателя

Выбор читателя

16+