Paano Magsama ng Isang HTML na File sa Ibang

Kasama ang paggamit ng HTML ay maaaring lubos na gawing simple ang pamamahala ng iyong site

Pumunta sa anumang website at mag-navigate mula sa pahina papunta sa pahina at mabilis mong mapagtanto na, habang ang bawat isa sa mga pahina ay maaaring naiiba sa maraming paraan, ang mga ito ay lubos na katulad din sa iba. Halos lahat ng mga website ay may mga elemento ng disenyo na naulit sa bawat pahina sa site. Ang ilang mga halimbawa ng mga elemento ng site na makikita sa bawat pahina ay ang lugar ng header kung saan ang logo ay namamalagi, ang nabigasyon, at ang lugar ng footer.

Ang mga paulit-ulit na elemento sa isang site ay nagbibigay-daan para sa pagkakapare-pareho sa karanasan ng gumagamit. Ang isang bisita ay hindi kailangan upang mahanap ang nabigasyon sa bawat pahina dahil sa sandaling sila ay natagpuan ito, alam nila kung saan ito ay sa iba pang mga pahina ng site na kanilang binibisita.

Paano May Kasamang Gawing Mas Mahusay ang Web Design

Bilang isang taong may katungkulan sa pamamahala ng isang website, ang mga paulit-ulit na lugar na ito ay nag-aalok ng isang hamon. Paano kung kailangan mong gumawa ng pagbabago sa isang bagay sa lugar na iyon? Halimbawa, kung ang iyong footer (na nasa bawat pahina ng site) ay nagsasama ng isang pahayag ng copyright sa isang taon, ano ang nangyayari kapag nagbago ang taon na iyon at kailangan mong i-edit ang petsa? Yamang ang seksyon na ito ay nasa bawat pahina, kailangan mo na ngayong i-edit ang bawat solong pahina ng iyong site upang gumawa ng pagbabagong iyon - o gagawin mo?

Kasama ang nilalaman na maaaring alisin ang pangangailangan na i-edit ang bawat pahina ng iyong site para sa paulit-ulit na nilalaman. Sa halip, i-edit mo lamang ang isang file at ang iyong buong site at ang bawat pahina sa loob nito ay makakakuha ng pag-update!

Tingnan natin ang ilang mga paraan na maaari mong idagdag ang functionality na ito sa iyong site at isama ang isang HTML file sa isang bilang ng iba.

Paulit-ulit na Nilalaman sa Mga Sistema ng Pamamahala ng Nilalaman

Kung ang iyong site ay gumagamit ng isang CMS , malamang na gumagamit ito ng ilang mga template o tema ay bahagi ng software na iyon. Kahit na kostumbre kang bumuo ng mga template na ito mula sa simula, ang site ay nakapagpapatuloy pa rin sa balangkas na ito para sa mga pahina.

Dahil dito, ang mga template ng CMS ay maglalaman ng mga lugar ng site na naulit sa bawat pahina. Lamang kang mag-login sa backend ng CMS at i-edit ang kinakailangang mga template. Ang lahat ng mga pahina ng site na gumagamit ng template na iyon ay maa-update.

Kahit na wala kang isang sistema ng pamamahala ng nilalaman para sa iyong site, maaari mo pa ring samantalahin ang mga kasama na file. Sa HTML, may mga kasama na makakatulong na gawing mas madali ang pamamahala sa mga templated na lugar ng iyong site.

Ano ang Kabilang sa HTML?

Isang isama ang isang seksyon ng HTML na hindi isang buong dokumentong HTML mismo. Sa halip, ito ay isang bahagi ng isa pang pahina na maaaring ipasok sa isang full web pagesvia programming. Kasama sa karamihan ng mga file ang mga nabanggit na mga item na paulit-ulit sa maraming pahina ng isang website. Halimbawa:

May isang kalamangan sa pagkakaroon ng mga paulit-ulit na lugar na kasama sa mga pahina. Sa kasamaang palad, ang proseso ng pagpasok ng isang file ay hindi isang bagay na maaaring mangyari sa HTML nag-iisa, kaya kailangan mong magkaroon ng ilang uri ng programa o script na idaragdag ang iyong isama ang mga file sa iyong mga web page.

Kasama ang Paggamit ng Server Side

Ang Server Side Includes, na kilala rin bilang SSI, ay unang binuo upang payagan ang mga web developer na "isama" ang mga dokumentong HTML sa loob ng iba pang mga pahina.

Talaga, ang isang snippet na matatagpuan sa isang dokumento ay kasama sa isa pang kapag ang pahina ay tumatakbo sa server at ipinadala sa web browser.

Ang SSI ay kasama sa karamihan sa mga server sa web, ngunit maaari mo itong paganahin upang maisagawa ito. Kung hindi mo alam kung sinusuportahan ng iyong server ang SSI, kontakin ang iyong hosting provider .

Narito ang isang halimbawa kung paano mo magagamit ang SSI upang isama ang isang snippet ng HTML sa lahat ng iyong mga web page:

  1. I-save ang HTML para sa mga karaniwang elemento ng iyong site bilang hiwalay na mga file. Halimbawa, ang iyong seksyon ng nabigasyon ay maaaring mai-save bilang navigation.html o navigation.ssi .
  2. Gamitin ang sumusunod na code ng SSI upang isama ang code ng HTML na dokumento sa bawat pahina ( pagpapalit ng landas at filename ng iyong file sa pagitan ng mga quotation mark ). {C}
  1. Idagdag ang code na ito sa bawat pahina na nais mong isama ang file.

Paggamit ng PHP Kasamang

Ang PHP ay isang wika ng scripting ng antas ng server. Maaari itong gumawa ng maraming mga bagay, ngunit isang karaniwang paggamit ay upang maisama ang mga dokumentong HTML sa loob ng iyong mga pahina, katulad din namin na sakop ang SSI.

Tulad ng SSI, ang PHP ay isang teknolohiya sa antas ng server. Kung hindi ka sigurado kung mayroon kang PHP functionality sa iyong website, kontakin ang iyong hosting provider.

Narito ang isang simpleng script ng PHP na maaari mong gamitin upang maisama ang isang snippet ng HTML sa anumang pahinang pinagana ng PHP:

  1. I-save ang HTML para sa mga karaniwang elemento ng iyong site, tulad ng nabigasyon, upang paghiwalayin ang mga file. Halimbawa, ang iyong seksyon ng nabigasyon ay maaaring mai-save bilang navigation.html o navigation.ssi .
  2. Gamitin ang sumusunod na code ng PHP upang isama ang HTML na iyon sa bawat pahina ( pagpapalit ng landas at filename ng iyong file sa pagitan ng mga quotation mark ). navigation.php ");?>
  3. Idagdag ang parehong code sa bawat pahina na nais mong isama ang file.

May kasamang JavaScript

Ang JavaScript ay isa pang paraan upang isama ang HTML sa loob ng mga pahina ng iyong site. Ito ay ang bentahe ng hindi nangangailangan ng server-level programming, ngunit ito ay isang maliit na mas kumplikado - at ito ay malinaw naman ay gumagana para sa isang browser na nagbibigay-daan para sa Javascript, na kung saan karamihan gawin maliban kung ang user ay nagpasiya upang huwag paganahin ito.

Narito kung paano maaari mong isama ang isang snippet ng HTML gamit ang JavaScript :

  1. I-save ang HTML para sa mga karaniwang elemento ng iyong site sa isang JavaScript file. Anumang HTML na nakasulat sa file na ito, dapat na naka-print sa screen gamit ang document.write function.
  2. Mag-upload ng file na iyon sa iyong website.
  3. Gumamit ng isang