Како укључити један ХТМЛ фајл у други

Коришћење ХТМЛ-а може знатно поједноставити управљање вашим сајтом

Идите на било који веб сајт и кретите се са странице на страницу и брзо ћете схватити да, док се свака од тих страница може разликовати на више начина, оне су сличне иу другим. Скоро сви сајтови укључују елементе дизајна који се понављају на свакој страници на сајту. Неки примјери елемената сајта који би се нашли на свакој страници би били подручје заглавља гдје се налази лого, навигација и подручје футера.

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

Како укључује учинити веб дизајн ефикаснијим

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

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

Погледајмо неколико начина на које можете додати ову функционалност на вашу веб локацију и укључити једну ХТМЛ датотеку у бројне друге.

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

Ако ваша страница користи ЦМС , онда вероватно користи одређене шаблоне или теме су део тог софтвера. Чак и ако сте прилагођени изградити ове шаблоне из нуле, сајт још увијек користи овај оквир за странице.

Као такви, ти ЦМС шаблони ће садржати подручја странице која се понављају на свакој страници. Једноставно се пријавите на задњој страни ЦМС-а и уредите потребне шаблоне. Све странице сајта које користе тај шаблон ће бити ажуриране.

Чак и ако немате систем за управљање садржајем за вашу веб локацију, и даље можете искористити укључене датотеке. У ХТМЛ-у постоје укључивачи који могу помоћи у управљању овим темплираним областима вашег сајта.

Који су ХТМЛ садржаји?

Инцлуде је део ХТМЛ-а који није само ХТМЛ документ. Уместо тога, то је део друге странице која се може убацити у пуно програмирање веб страница. Већина датотека укључује оне поменуте предмете који се понављају на више страница веб странице. На пример:

Постоји предност да се ове поновљене области укључују на странице. Нажалост, процес убацивања датотеке није нешто што се може догодити само са ХТМЛ-ом, тако да морате имати неку врсту програма или скрипте који ће додати ваше укључите датотеке на своје веб странице.

Коришћење сервера укључује

Сервер Сиде Инцлудес, познат и под називом ССИ, први пут је развијен да омогући Веб програмерима да "укључе" ХТМЛ документе на друге странице.

У основи, фрагмент који се налази у једном документу укључен је у други када се страница покреће на серверу и шаље се у веб прегледач.

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

Ево примера како можете користити ССИ да бисте укључили фрагмент ХТМЛ-а на свим вашим веб страницама:

  1. Сачувајте ХТМЛ за заједничке елементе ваше странице као засебне датотеке. На пример, ваш део за навигацију може бити сачуван као навигација.хтмл или навигатион.сси .
  2. Користите следећи ССИ код да бисте укључили тај ХТМЛ кодни документ на сваку страницу ( заменом путање датотеке и имена фајла између знакова навода ). {Ц}
  1. Додајте овај код на сваку страницу на коју желите да укључите датотеку.

Коришћење ПХП Инцлудес

ПХП је скриптни језик на нивоу сервера. Може учинити неколико ствари, али једна заједничка употреба је да укључите ХТМЛ документе унутар ваших страница, на исти начин на који смо само покривали ССИ.

Као и ССИ, ПХП је технологија на нивоу сервера. Ако нисте сигурни да ли имате функционалност ПХП на вашој веб локацији, обратите се свом провајдеру хостинга.

Ево једноставног ПХП скрипта који можете користити да бисте укључили фрагмент ХТМЛ-а на било којој веб-страници са омогућеном ПХП-ом:

  1. Сачувајте ХТМЛ за заједничке елементе ваше странице, као што је навигација, да бисте раздвојили датотеке. На пример, ваш део за навигацију може бити сачуван као навигација.хтмл или навигатион.сси .
  2. Користите следећи ПХП код да бисте укључили тај ХТМЛ на сваку страницу ( замјењује путању ваше датотеке и име датотеке између знакова навода ). навигатион.пхп ");?>
  3. Додајте овај исти код на сваку страницу на коју желите да укључите датотеку.

ЈаваСцрипт укључује

ЈаваСцрипт је још један начин укључивања ХТМЛ-а унутар страница вашег сајта. Ово има предност јер не захтева програмирање на серверу, али је мало компликованије - и очигледно ради на претраживачу који омогућава Јавасцрипт, што већина чини ако корисник не одлучи да га онемогући.

Ево како можете укључити фрагмент ХТМЛ користећи ЈаваСцрипт :

  1. Сачувајте ХТМЛ за заједничке елементе ваше странице у датотеку ЈаваСцрипт. Било који ХТМЛ написан у овој датотеци, мора се штампати на екрану помоћу функције доцумент.врите.
  2. Отпремите ту датотеку на своју веб локацију.
  3. Користите <сцрипт> елемент да укључите датотеку ЈаваСцрипт на својим страницама.
  1. Користите исти исти код на свакој страници коју желите да укључите датотеку.

Остале методе укључивања

Постоји неколико других начина за укључивање ХТМЛ-а на ваше странице. Неке су компликованије од других, а многи од њих су заиста застарели стандардима данашњице.