Как да включите един HTML файл в друг

Тази статия обяснява как работи "Включва" и предоставя стъпки за използване на Включва от страна на сървъра, Включва PHP и Включва JavaScript.

Използването на сървърната страна включва

Server Side Includes е разработен за първи път, за да позволи на уеб разработчиците да „включват“ HTML документи в други страници. По принцип фрагмент, който се намира в един документ, се включва в друг, когато страницата се изпълни на сървъра и се изпрати до уеб браузъра.

SSI е включен в повечето уеб сървъри, но може да се наложи да го активирате, за да работи. Ако не знаете дали вашият сървър поддържа SSI, свържете се с вашия хостинг доставчик.

Ето пример за това как можете да използвате SSI, за да включите фрагмент от HTML във всичките си уеб страници:

1. Запазете HTML за общите елементи на вашия сайт като отделни файлове. Например вашият раздел за навигация може да бъде запазен като navigation.html или навигация.ssi.

2. Използвайте следния SSI код, за да включите кода на този HTML документ във всяка страница.

   
   или.
   

   The включва директива приема два параметъра. Виртуален приема, че името на файла е спрямо корена на документа на уебсайта, докато файл приема абсолютен път до файла.

3. Добавете този код на всяка страница, в която искате да включите файла.

Използването на PHP включва

Подобно на SSI, PHP е технология на ниво сървър. Ако не сте сигурни дали имате PHP функционалност на уебсайта си, свържете се с вашия хостинг доставчик.

Ето един прост PHP скрипт, който можете да използвате, за да включите фрагмент от HTML на която и да е уеб страница с активиран PHP:

1. Запазете HTML за общите елементи на вашия сайт, като навигацията, за да отделите файлове. Например вашият раздел за навигация може да бъде запазен като navigation.html или навигация.ssi.

2. Използвайте следния PHP код, за да включите този HTML във всяка страница (заместване на пътя и името на файла между кавичките).

3. Добавете същия код на всяка страница, в която искате да включите файла.

JavaScript включва

JavaScript е друг начин за включване на HTML в страниците на вашия сайт. Тази техника не изисква програмиране на ниво сървър, но е малко по-сложна - и то очевидно работи за браузър, който позволява Javascript, което повечето правят, освен ако потребителят не реши да деактивира то.

Ето как можете включва фрагмент от HTML с помощта на JavaScript:

Запазете HTML за общите елементи на вашия сайт в JavaScript файл. Всеки HTML, написан в този файл, трябва да бъде отпечатан на екрана с document.write функция.

1. Качете този файл на вашия уебсайт.

2. Използвай 

3. Използвайте същия код на всяка страница, в която искате да включите файла.

Какво включва HTML?

Включването е част от HTML, която сама по себе си не е пълен HTML документ. Вместо това това е част от друга страница, която може да се вмъкне в пълна уеб страница чрез програмиране. Повечето файлове включват тези гореспоменати елементи, които се повтарят на няколко страници на уебсайт. Например:

• Навигация
• Информация за авторските права
• Заглавни области
• Долни области

Как „Включва“ прави уеб дизайна по-ефективен

Почти всички уебсайтове включват елементи от дизайна, които се повтарят на всяка страница на сайта, включително областта на заглавката, където се намира логото, менюто за навигация и областта на долния колонтитул.

Повтарящите се елементи на даден сайт позволяват последователност в потребителското изживяване. Посетителят не трябва да намира навигацията на всяка страница, защото след като я намери, той знае къде ще бъде тя на другите страници на сайта, който посещава.

Включеното съдържание елиминира необходимостта от редактиране на всяка страница на вашия сайт за това повтарящо се съдържание. Вместо това редактирате един файл и след това целият ви сайт и всяка страница в него получават актуализацията.

Повтарящо се съдържание в системите за управление на съдържанието

Ако вашият сайт използва CMS, той вероятно използва определени шаблони или теми, които са част от този софтуер. Дори ако създадете по поръчка тези шаблони от нулата, сайтът все още използва тази рамка за страниците. Като такива тези CMS шаблони съдържат областите на сайта, които се повтарят на всяка страница. Просто влизате в бекенда на CMS и редактирате необходимите шаблони. Всички страници на сайта, които използват този шаблон, ще бъдат актуализирани.

Дори да не използвате система за управление на съдържанието за вашия сайт, пак можете да се възползвате от включените файлове. В HTML, включва помогнете да улесните управлението на тези шаблонирани области на вашия сайт.

Други включват методи

Има няколко други начина да включите HTML на страниците си. Някои са по-сложни от други и много от тях всъщност са остарели от днешните стандарти.

• CGI Включва: Можеш да използваш Perl или друг език за програмиране, за да създадете страниците си и след това да включите каквото искате, или като „изискващи“ файлове, или като ги прочетете ръчно.
• Flash включва: Ако изградите сайта си изцяло в Adobe Flash, можете да го използвате, за да включите елементи на сайта. Този метод е остарял и пълните Flash сайтове са рядкост в интернет в наши дни.
• Включват рамки: Вместо да използвате едни и същи елементи отново и отново на няколко страници, създайте рамкиран сайт, където кадрите са дублираните части на сайта. Въпреки това, с изключение на елемента iframe, кадрите са остарели в HTML5.
• Инструменти за управление на съдържанието Включва: Шаблонирането е една от основните точки за продажба на CMS и всъщност това е начина, по който тази работа се обработва на повечето сайтове днес.