Hvernig á að innihalda eina HTML skrá í öðru

Using HTML inniheldur getur mjög einfalda stjórnun á vefsvæðinu þínu

Farðu á hvaða vefsíðu sem er og farðu frá síðu til síðu og þú verður fljótt að átta sig á því að á meðan allar þessar síður geta verið mismunandi á margan hátt, þá eru þær líka nokkuð svipaðar í öðrum. Næstum allar vefsíður eru þættir í hönnuninni sem eru endurtekin á hverri síðu á síðunni. Nokkur dæmi um þættir á vefsvæðum sem finnast á hverri síðu myndi vera hausarsvæðið þar sem lógóið er búsett, leiðsögnin og fótsvæðið.

Endurtaka þættir á vefsvæðinu gera ráð fyrir samræmi í notendavandanum. Gestur þarf ekki að finna leiðsögnina á hverri síðu vegna þess að þegar þeir hafa fundið það vita þeir hvar það verður á öðrum síðum vefsins sem þeir heimsækja.

Hvernig felur í sér að gera vefhönnun skilvirkari

Eins og einhver hefur í huga að stjórna vefsíðu, bjóða þessi endurtekin svæði áskorun. Hvað ef þú þarft að breyta einhverju á þessu sviði? Til dæmis, ef fótinn þinn (sem er á hverri síðu á síðunni) inniheldur yfirlýsingu um höfundarrétt á ári, hvað gerist þegar það ár breytist og þú þarft að breyta dagsetningu? Þar sem þessi hluti er á hverri síðu þarftu nú að breyta hverri síðu á síðuna þína fyrir sig til þess að breyta því - eða gerir þú það?

Innifalið efni getur útrýma nauðsyn þess að þurfa að breyta hverri síðu á vefsvæðinu þínu fyrir þetta endurtekna efni. Þess í stað breytirðu einfaldlega einum skrá og allt vefsvæði þitt og hver síða í henni fær uppfærsluna!

Við skulum skoða nokkrar leiðir til að bæta þessari virkni inn á síðuna þína og innihalda eina HTML skrá í mörgum öðrum.

Endurtekin efni í innihaldsstjórnunarkerfum

Ef vefsvæðið þitt notar CMS , þá notar það líklega ákveðnar sniðmát eða þemu eru hluti af þeirri hugbúnaði. Jafnvel ef þú sérsniðir að byggja þessar sniðmát frá grunni, notar vefsvæðið þessa ramma fyrir síðurnar.

Sem slíkar munu þessi CMS sniðmát innihalda svæðið á síðunni sem er endurtekið á hverri síðu. Þú skráir þig einfaldlega í backend á CMS og breytt nauðsynlegum sniðmátum. Allar síður vefsvæðisins sem nota þessi sniðmát verða uppfærðar.

Jafnvel ef þú ert ekki með efnisstjórnunarkerfi fyrir vefsvæðið þitt, geturðu samt nýtt þér meðfylgjandi skrám. Í HTML eru það sem geta hjálpað til við að stjórna þessum sniðmátu svæði á vefsvæðinu þínu auðveldara.

Hvað inniheldur HTML?

An fela er hluti af HTML sem er ekki fullt HTML skjal af sjálfu sér. Þess í stað er það hluti af annarri síðu sem hægt er að setja inn í alla vefsíðum frá forritun. Flestir eru skrár sem eru framangreind atriði sem eru endurtekin á mörgum vefsíðum. Til dæmis:

Það er kostur að hafa þessar endurteknar svæði á síðum. Því miður er ferlið við að setja inn skrá ekki eitthvað sem getur gerst með HTML einum, þannig að þú þarft að hafa einhvers konar forrit eða handrit sem mun bæta við skrám þínum inn á vefsíður þínar.

Using Server Side Includes

Server Side Includes, einnig þekktur sem SSI, var fyrst þróað til að leyfa vefhönnuðum að "innihalda" HTML skjöl á öðrum síðum.

Í grundvallaratriðum er bragð sem er að finna í einu skjali innifalið í öðru þegar blaðsíða er keyrð á þjóninum og send í vafrann.

SSI er innifalinn á flestum vefþjónum, en þú gætir þurft að virkja það til að fá það að virka. Ef þú veist ekki hvort þjónninn þinn styður SSI skaltu hafa samband við hýsingarveituna þína .

Hér er dæmi um hvernig þú getur notað SSI til að innihalda HTML kóða á öllum vefsíðum þínum:

  1. Vistaðu HTML fyrir sameiginlega þætti vefsvæðisins þíns sem aðskildar skrár. Til dæmis gæti flakkasvæðið þitt vistað sem navigation.html eða navigation.ssi .
  2. Notaðu eftirfarandi SSI kóða til að innihalda kóða HTML skjalsins á hverri síðu (að skipta um slóð skráarins og skráarnafnið milli tilvitnunarmerkja ). {C}
  1. Bættu þessum kóða við hverja síðu sem þú vilt láta skrána með.

Notkun PHP inniheldur

PHP er framreiðslumaður á netþjóni. Það getur gert margt, en ein algeng notkun er að innihalda HTML skjöl á síðum þínum, á sama hátt og við náðum bara með SSI.

Eins og SSI, PHP er miðlara stig tækni. Ef þú ert ekki viss um að þú hafir PHP-virkni á vefsíðunni þinni skaltu hafa samband við hýsingarveituna þína.

Hér er einfalt PHP handrit sem þú getur notað til að innihalda HTML kóða á hvaða PHP-virkt vefsíðu:

  1. Vistaðu HTML fyrir sameiginlega þætti á vefsvæðinu þínu, svo sem flakk, til að aðskilja skrár. Til dæmis gæti flakkasvæðið þitt vistað sem navigation.html eða navigation.ssi .
  2. Notaðu eftirfarandi PHP kóða til að innihalda þessi HTML á hverri síðu (að skipta um slóð skráarins og skráarnafnið milli tilvitnunarmerkja ). navigation.php ");?>
  3. Bættu þessari sömu kóða við á hverri síðu sem þú vilt innihalda skrána.

JavaScript inniheldur

JavaScript er önnur leið til að innihalda HTML á síðum vefsvæðis þíns. Þetta hefur þann kost að ekki krefst framreiðslu á miðlara stigi, en það er svolítið flóknara - og það virkar augljóslega fyrir vafra sem leyfir Javascript, sem flestir gera nema notandinn ákveður að slökkva á því.

Hér er hvernig þú getur sett HTML kóða með JavaScript :

  1. Vista HTML fyrir sameiginlega þætti vefsvæðis þíns í JavaScript-skrá. Öll HTML sem er skrifuð í þessari skrá verður að vera prentuð á skjáinn með document.write virka.
  2. Hladdu þessari skrá inn á vefsvæðið þitt.
  3. Notaðu þátt í JavaScript-skránni á síðum þínum.
  1. Notaðu sömu kóða á hverri síðu sem þú vilt taka með skrána.

Aðrir fela í sér aðferðir

Það eru nokkrar aðrar leiðir til að innihalda HTML á síðum þínum. Sumir eru flóknari en aðrir, og margir þeirra eru í raun gamaldags með stöðlum í dag.