Kuinka sisällyttää yksi HTML-tiedosto toiseen

Tässä artikkelissa kerrotaan, miten "Sisältää" toimii, ja siinä annetaan ohjeet palvelinpuolen sisällyttämisen, PHP: n sisällyttämisen ja JavaScriptin sisältämisen käyttöön.

Palvelinpuolen sisältää -toiminnon käyttäminen

Palvelinpuolen Sisältö kehitettiin ensin, jotta Web-kehittäjät voisivat "sisällyttää" HTML-asiakirjoja muille sivuille. Pohjimmiltaan yhdestä asiakirjasta löytyvä katkelma sisällytetään toiseen, kun sivu suoritetaan palvelimella ja lähetetään verkkoselaimeen.

SSI sisältyy useimpiin verkkopalvelimiin, mutta saatat joutua ottamaan sen käyttöön, jotta se toimii. Jos et tiedä, tukeeko palvelimesi SSI: tä, ota yhteys palveluun palveluntarjoaja.

Tässä on esimerkki siitä, miten SSI: n avulla voit sisällyttää HTML-koodinpätkän kaikkiin verkkosivuihisi:

1. Tallenna sivustosi yleisten elementtien HTML-koodi erillisinä tiedostoina. Esimerkiksi navigointiosaasi voidaan tallentaa nimellä navigation.html tai navigation.ssi.

2. Käytä seuraavaa SSI-koodia sisällyttääksesi kyseisen HTML-asiakirjan koodin jokaiselle sivulle.

   
   tai.
   

   sisältää direktiivi hyväksyy kaksi parametria. Virtuaalinen olettaa, että tiedostonimi on suhteellinen sivuston juuriin, kun taas tiedosto hyväksyy absoluuttisen tiedostopolun.

3. Lisää tämä koodi jokaiselle sivulle, jolle haluat lisätä tiedoston.

PHP Sisältää -toiminnon käyttäminen

Kuten SSI, PHP on palvelintason tekniikka. Jos et ole varma, onko verkkosivustollasi PHP-toimintoja, ota yhteyttä palveluntarjoajaasi.

Tässä on yksinkertainen PHP-komentosarja, jonka avulla voit lisätä HTML-koodinpätkän mille tahansa PHP-yhteensopivalle verkkosivulle:

1. Tallenna HTML-tiedosto sivustosi yleisten osien, kuten navigoinnin, erottamiseksi tiedostoista. Esimerkiksi navigointiosaasi voidaan tallentaa nimellä navigation.html tai navigation.ssi.

2. Käytä seuraavaa PHP-koodia sisällyttää kyseinen HTML jokaiselle sivulle (korvaamalla tiedostosi polku ja tiedostonimi lainausmerkkien välillä).

3. Lisää tämä sama koodi jokaiselle sivulle, johon haluat sisällyttää tiedoston.

JavaScript sisältää

JavaScript on toinen tapa sisällyttää HTML-koodi sivustosi sivuille. Tämä tekniikka ei vaadi palvelintason ohjelmointia, mutta se on hieman monimutkaisempi - ja niin toimii ilmeisesti selaimessa, joka sallii Javascriptin, mikä useimmiten tapahtuu, ellei käyttäjä päättää poistaa sitä käytöstä se.

Näin voit sisältää HTML-koodinpätkän JavaScriptin avulla:

Tallenna sivustosi yleisten elementtien HTML-koodi JavaScript-tiedostoon. Kaikki tähän tiedostoon kirjoitetut HTML-tiedostot on tulostettava ruudulle document.write toiminto.

1. Lähetä tiedosto verkkosivustollesi.

2. Käytä 

3. Käytä samaa koodia kaikilla sivuilla, jotka haluat sisällyttää tiedoston.

Mitä HTML sisältää?

Sisällytä HTML-osa, joka ei itsessään ole täydellinen HTML-asiakirja. Sen sijaan se on osa toista sivua, joka voidaan lisätä koko verkkosivulle ohjelmoinnin avulla. Suurin osa sisältää tiedostoja ovat edellä mainittuja kohteita, jotka toistuvat verkkosivuston useilla sivuilla. Esimerkiksi:

• Navigointi
• Tekijänoikeustiedot
• Otsikkoalueet
• Alatunnistealueet

Kuinka "Sisältää" tekee Web-suunnittelusta tehokkaampaa

Lähes kaikki verkkosivustot sisältävät ulkoasun elementtejä, jotka toistuvat sivuston jokaisella sivulla, mukaan lukien otsikkoalue, jolla logo sijaitsee, navigointivalikko ja alatunnistealue.

Sivuston toistuvat elementit mahdollistavat yhdenmukaisen käyttökokemuksen. Vierailijan ei tarvitse etsiä navigointia kaikilta sivuilta, koska kun se on löydetty, hän tietää missä se on vierailemansa sivuston muilla sivuilla.

Sisältyvä sisältö poistaa tarpeen muokata sivuston kaikkia sivuja tälle toistuvalle sisällölle. Sen sijaan muokkaat yhtä tiedostoa ja sitten koko sivustosi ja kaikki sen sivut päivitetään.

Toistuva sisältö sisällönhallintajärjestelmissä

Jos sivustosi käyttää sisällönhallintajärjestelmää, se todennäköisesti käyttää tiettyjä malleja tai teemoja, jotka ovat osa kyseistä ohjelmistoa. Vaikka rakennat nämä mallit mukautetusti alusta alkaen, sivusto hyödyntää silti tätä kehystä sivuille. Sellaisina CMS-mallit sisältävät sivuston alueet, jotka toistuvat jokaisella sivulla. Sinun tarvitsee vain kirjautua CMS: n taustajärjestelmään ja muokata tarvittavia malleja. Kaikki kyseistä mallia käyttävät sivuston sivut päivitetään.

Vaikka et käyttäisikään sivustosi sisällönhallintajärjestelmää, voit silti hyödyntää mukana olevia tiedostoja. HTML-muodossa, sisältää auttaa tekemään näiden sivustosi mallialueiden hallinnasta helpompaa.

Muut sisällytä menetelmät

HTML: n lisääminen sivuillesi on useita muita tapoja. Jotkut ovat monimutkaisempia kuin toiset, ja monet niistä ovat nykypäivän standardien mukaan vanhentuneita.

• CGI sisältää: Voit käyttää Perl tai jollain muulla ohjelmointikielellä voit luoda sivusi ja sisällyttää sitten mitä haluat, joko "vaativat" -tiedostoina tai lukemalla ne manuaalisesti.
• Salama sisältää: Jos rakennat sivustosi kokonaan Adobe Flashissa, voit käyttää sitä sivuston elementtien sisällyttämiseen. Tämä menetelmä on vanhentunut, ja täydet Flash-sivustot ovat harvinainen Webissä nykyään.
• Kehykset sisältävät: Sen sijaan, että käyttäisit samoja elementtejä uudelleen useilla sivuilla, luo kehystetty sivusto, jossa kehykset ovat sivuston päällekkäisiä osia. Iframe-elementtiä lukuun ottamatta kehykset ovat vanhentuneita HTML5: ssä.
• Sisällönhallintatyökalut sisältävät: Mallintaminen on yksi CMS: n tärkeimmistä myyntikohteista, ja tällä tavoin tämä työ hoidetaan useimmilla sivustoilla tänään.