Използването на HTML включва може значително да опрости управлението на вашия сайт
Отидете на всеки уебсайт и навигирайте от страница на страница и бързо ще разберете, че докато всяка от тези страници може да бъде различна по много начини, те също са доста сходни в други. Почти всички сайтове съдържат елементи на дизайна, които се повтарят във всяка страница на сайта. Някои примери за елементи на сайта, които биха били намерени във всяка страница, ще бъдат областта на заглавката, където се намира логото, навигацията и областта на долния колонтитул.
Повтарящите се елементи на сайта позволяват последователност в опита на потребителите. Посетителят не трябва да намира навигацията на всяка страница, защото щом я намери, знаят къде ще бъдат на други страници на сайта, който посещават.
Как включва Уеб дизайна да стане по-ефективен
Като някой, натоварен с управлението на уебсайт, тези повтарящи се области предлагат предизвикателство. Какво ще стане, ако трябва да направите промяна в нещо в тази област? Например, ако вашият долен колонтитул (който е на всяка страница на сайта) включва декларация за авторски права с една година, какво ще стане, когато тази година се промени и трябва да редактирате датата? Тъй като този раздел е на всяка страница, сега трябва да редактирате всяка отделна страница на сайта си поотделно, за да извършите тази промяна - или не?
Включеното съдържание може да премахне необходимостта от редактиране на всяка страница от сайта Ви за това повтарящо се съдържание. Вместо това просто редактирате един файл и целият ви сайт и всяка страница в него получава актуализацията!
Нека разгледаме няколко начина, по които можете да добавите тази функционалност към сайта си и да включите един HTML файл в редица други.
Повторно съдържание в системите за управление на съдържанието
Ако сайтът Ви използва CMS , вероятно той използва определени шаблони или теми, които са част от този софтуер. Дори ако персонализирате тези шаблони от самото начало, сайтът все още използва тази рамка за страниците.
По този начин тези CMS шаблони ще съдържат зоните на сайта, които се повтарят във всяка страница. Вие просто влизате в бекенда на CMS и редактирате необходимите шаблони. Всички страници на сайта, които използват този шаблон, ще бъдат актуализирани.
Дори и да нямате система за управление на съдържанието за вашия сайт, все пак можете да се възползвате от включените файлове. В HTML, това включва, което може да ви помогне да направите управлението на тези шаблони зони на вашия сайт по-лесно.
Какво включва HTML?
А включването е секция от HTML, която не е само пълен HTML документ сам по себе си. Вместо това, това е част от друга страница, която може да бъде вмъкната в пълни уеб страници от програмирането. Повечето файлове включват горепосочените елементи, които се повтарят на няколко страници на уебсайт. Например:
- навигация
- Информация за авторските права
- Заглавни места
- В долни части
Има предимство, че тези повтарящи се области са включени в страниците. За съжаление, процесът на вмъкване на файл не е нещо, което може да се случи само с HTML, така че трябва да имате някакъв тип програма или скрипт, който ще добави файловете ви към вашите уеб страници.
Използване на сървъра включва
Server Side Includes, известен още като SSI, първоначално са разработени, за да позволят на уеб разработчиците да "включват" HTML документи в други страници.
По принцип фрагмент, който се намира в един документ, е включен в друг, когато страницата се изпълнява на сървъра и се изпраща в уеб браузъра.
SSI е включен в повечето уеб сървъри, но може да се наложи да го активирате, за да може той да работи. Ако не знаете дали сървърът ви поддържа SSI, свържете се с вашия доставчик на хостинг услуги .
Ето един пример за това как можете да използвате SSI, за да включите фрагмент от HTML във всичките си уеб страници:
- Запазете HTML за общите елементи на сайта си като отделни файлове. Например вашият навигационен раздел може да бъде запазен като navigation.html или navigation.ssi .
- Използвайте следния SSI код, за да включите кода на HTML документа във всяка страница ( замествайки карето и файловете на файла с кавичките ). {° С}
- Добавете този код на всяка страница, която искате да включите във файла.
Използване на PHP включва
PHP е скриптов език на ниво сървър. Тя може да направи редица неща, но една обща употреба е да включите HTML документи в страниците си, по същия начин, по който току-що се покрихме със SSI.
Подобно на SSI, PHP е технология на ниво сървър. Ако не сте сигурни дали имате PHP функционалност на уебсайта си, свържете се с вашия хостинг доставчик.
Ето един прост PHP скрипт, който можете да използвате, за да включите фрагмент от HTML на всяка уеб страница с активирана PHP:
- Запазете HTML за общите елементи на вашия сайт, като например навигацията, за отделни файлове. Например вашият навигационен раздел може да бъде запазен като navigation.html или navigation.ssi .
- Използвайте следния PHP код, за да включите този HTML във всяка страница ( замествайки карето и файла на файла с кавичките ). navigation.php ");
- Добавете същия код на всяка страница, в която искате да включите файла.
Включва JavaScript
JavaScript е друг начин за включване на HTML в страниците на сайта Ви. Това има предимството, че не изисква програмиране на ниво сървър, но е малко по-сложно - и очевидно работи за браузър, който позволява Javascript, което най-много, освен ако потребителят не реши да го деактивира.
Ето как можете да включите фрагмент от HTML, като използвате JavaScript :
- Запазете HTML за общите елементи на сайта си в JavaScript файл. Всеки HTML, записан в този файл, трябва да бъде отпечатан на екрана с функцията document.write.
- Качете този файл на уебсайта си.
- Използвайте елемент