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

Шта знати

  • Укључени садржај елиминише потребу за уређивањем сваке странице на вашој страници ради поновљеног садржаја.
  • На страни сервера, ПХП и ЈаваСцрипт Инцлудес омогућавају вам да додате одређене кодове на било коју страницу на коју желите да додате датотеку.
  • ЦМС локације користе предлошке или теме за поновљени садржај.

Овај чланак објашњава како функционише „Укључује“ и даје кораке за коришћење „Укључује на серверу“, „Укључује ПХП“ и „Укључује ЈаваСцрипт“.

Коришћење Сервер Сиде Инцлудес

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

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

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

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

  2. Користите следећи ССИ код да бисте укључили код тог ХТМЛ документа на сваку страницу.


    или.

    Тхе укључују директива прихвата два параметра. Виртуално претпоставља да је назив датотеке у односу на корен документа веб локације, док датотека прихвата апсолутни пут до датотеке.

  3. Додајте овај код на сваку страницу на коју желите да укључите датотеку.

Коришћење ПХП-а укључује

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

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

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

  2. Користите следећи ПХП код да бисте укључили тај ХТМЛ на сваку страницу (заменом путање датотеке и имена датотеке између наводника).

  3. Додајте исти код на сваку страницу на коју желите да укључите датотеку.

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

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

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

Сачувајте ХТМЛ за уобичајене елементе ваше веб локације у ЈаваСцрипт датотеку. Било који ХТМЛ записан у овој датотеци мора бити одштампан на екрану помоћу документ.писати функцију.

  1. Отпремите ту датотеку на своју веб локацију.

  2. Користи 

  3. Користите исти код на свакој страници на коју желите да укључите датотеку.

Шта укључује ХТМЛ?

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

  • Навигација
  • Информације о ауторским правима
  • Подручја заглавља
  • Подножја

Како 'Инцлудес' чини веб дизајн ефикаснијим

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

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

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

ХТМЛ датотеке

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

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

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

Остале методе укључују

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

  • ЦГИ укључује: Можете користити Перл или неки други програмски језик да бисте креирали ваше странице, а затим укључили све што желите, било као „захтеване“ датотеке или ручним читањем.
  • Фласх укључује: Ако своју веб локацију направите у потпуности на Адобе Фласх-у, можете је користити за укључивање елемената веб локације. Ова метода је застарела и пуне Фласх локације су реткост на Интернету ових дана.
  • Оквири укључују: Уместо да више пута користите исте елементе на више страница, направите уоквирену веб локацију где су оквири дуплирани делови веб странице. Међутим, осим елемента ифраме, оквири су застарели у ХТМЛ5.
  • Алати за управљање садржајем укључују: Предлошци су једна од главних продајних тачака ЦМС-а и заиста се на овај начин данас поступа са овим радом.
instagram story viewer