Како да вклучите една HTML датотека во друга

Користењето на HTML вклучува во голема мера може да го поедностави управувањето со вашиот сајт

Одете на која било веб-страница и движете се од страница до страница и брзо ќе сфатите дека, иако секоја од овие страници може да биде различна на многу начини, тие исто така се слични и во други. Речиси сите веб-страници вклучуваат елементи на дизајнот кои се повторуваат на секоја страница на страницата. Некои примери на елементите на страницата кои ќе се најдат на секоја страница ќе бидат областа на заглавје каде што логото останува, навигацијата и подножјето.

Повторените елементи на сајтот овозможуваат конзистентност во корисничкото искуство. Посетителот не мора да ја лоцира навигацијата на секоја страница, бидејќи откако ќе го најдат, тие знаат каде ќе бидат на други страници на страницата што ја посетуваат.

Како вклучува веб дизајн подобар

Како некој што е задолжен за управување со веб-страница, овие повторени области нудат предизвик. Што ако треба да направите промена на нешто во таа област? На пример, ако вашето подножје (кое се наоѓа на секоја страница на страницата) вклучува изјава за авторски права со една година, што се случува кога таа година се менува и што треба да го уредите датумот? Бидејќи тој дел е на секоја страница, сега треба да ја уредувате секоја страница од вашиот сајт поединечно за да направите таа промена - или не?

Вклучената содржина може да ја елиминира потребата да ја уредувате секоја страница од вашиот сајт за оваа повторена содржина. Наместо тоа, едноставно уредувате една датотека и целиот свој сајт и секоја страница во неа добива ажурирање!

Ајде да погледнеме неколку начини на кои можете да додадете оваа функционалност на вашиот сајт и да вклучите една HTML- датотека во голем број други.

Повторени содржини во системите за управување со содржини

Ако вашиот сајт користи CMS , тогаш најверојатно користи одредени шаблони или теми се дел од тој софтвер. Дури и ако обичаите ги градите овие шаблони од нула, сајтот сеуште ја користи оваа рамка за страниците.

Како такви, овие CMS шаблони ќе ги содржат областите на страницата кои се повторуваат на секоја страница. Вие едноставно се најавите на заднината на CMS и ги уредувате потребните шаблони. Сите страници на страницата кои го користат тој образец ќе бидат ажурирани.

Дури и ако немате систем за управување со содржини за вашиот сајт, сепак можете да ги искористите вклучените датотеки. Во HTML, тука се вклучи и оние кои можат да помогнат да се олесни управувањето со овие templated области на вашиот сајт.

Што вклучува HTML?

Include е дел од HTML кој не е целосно HTML документ сам по себе. Наместо тоа, тоа е дел од друга страница која може да се вметне во целосна web pagesvia програмирање. Повеќето вклучуваат датотеки се оние претходно споменати ставки кои се повторуваат на повеќе страници на веб-страница. На пример:

Постои предност да се имаат овие повтори области вклучени на страници. За жал, процесот на вметнување на датотека не е нешто што може да се случи само со HTML, па затоа треба да имате некој вид на програма или скрипта која ќе ги додаде вашите додадени фајлови во вашите веб-страници.

Користење на серверската страна вклучува

Server Side Includes, исто така познат како SSI, за првпат беше развиен за да им овозможи на веб програмерите да "вклучат" HTML документи на други страници.

Во суштина, фрагмент кој се наоѓа во еден документ е вклучен во друг кога страницата се извршува на серверот и се испраќа до веб-прелистувачот.

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

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

  1. Зачувајте HTML за заедничките елементи на вашиот сајт како одделни датотеки. На пример, делот за навигација може да биде зачуван како navigation.html или navigation.ssi .
  2. Користете го следниов SSI код за да го вклучите кодот на HTML документ во секоја страница (со замена на патеката на вашата датотека и името на датотеката помеѓу наводниците ). {C}
  1. Додајте го овој код на секоја страница што сакате да ја вклучите.

Користење на PHP вклучува

PHP е серверски јазик за скриптирање. Тоа може да направи неколку работи, но една честа употреба е да ги вклучите HTML-документите во вашите страници, слично на ист начин како што сме покриени со SSI.

Како и SSI, PHP е технологија на ниво на сервер. Ако не сте сигурни дали имате функционалност на PHP на вашата веб-страница, обратете се кај вашиот хостинг провајдер.

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

  1. Зачувајте HTML за заедничките елементи на вашиот сајт, како што е навигацијата, за одделување на датотеки. На пример, делот за навигација може да биде зачуван како navigation.html или navigation.ssi .
  2. Користете го следниов PHP код за да го вклучите тој HTML во секоја страница ( заменувајќи ја патеката на вашата датотека и името на датотеката помеѓу наводниците ). navigation.php ");?>
  3. Додајте го истиот код на секоја страница со која сакате да ја вклучите датотеката.

JavaScript вклучува

JavaScript е уште еден начин да го вклучите HTML во страниците на вашиот сајт. Ова ја има предноста да не се бара програмирање на ниво на сервер, но тоа е малку посложено - и очигледно работи за прелистувач кој овозможува Javascript, што повеќето го прават, освен ако корисникот не одлучи да го оневозможи.

Еве како можете да вклучите фрагмент на HTML со помош на JavaScript :

  1. Зачувајте го HTML-то за заедничките елементи на вашиот сајт во датотека со JavaScript. Секој HTML напишан во оваа датотека мора да биде отпечатен на екранот со функцијата document.write.
  2. Поставете ја таа датотека на вашата веб-страница.
  3. Користете елемент