Kysy

2 vastausta

  • HTML ei ole palvelimella suoritettava ohjelmointikieli, vaan pelkkä kuvauskieli. Suomeksi tämä tarkoittaa siis sitä, että HTML:ssä ei ole mitään yleispätevää kikkaa, jolla siihen voitaisiin sisällyttää muita HTML-tiedostoja tai niiden osia.

    Eli mikäli haluat tehdä asian oikein, käytät jotain palvelinpään ohjelmointikieltä, kuten PHP:tä, server-side Javaa tai vastaavaa.

    Toki voit tuoda toisen HTML-tiedoston -- ainakin näennäisesti -- myös JavaScriptillä, mutta tuo on erittäin, erittäin ei-suositeltava ratkaisu, koska tällöin sivun footteri ei lataudu lainkaan selaimilla, jotka eivät tue JS:ää tai joista se on kytketty pois päältä.

    Kysymäsi HTML-tiedoston jakotapa on sinänsä varsin yleinen. Käsittääkseni valtaosa jollain ohjelmointitavalla toteutuista vähänkään laajemmista sivustoista jakaa sivut headeriin, varsinaiseen yksittäiseen "pääsivuun" ja footteriin.

  • Tosiiaan kuten dRD sanoi, ei pelkällä HTML:llä voi liittää kahta HTML-tiedostoa yhteen. PHP:llä homma kuitenkin on lasten leikkiä: 

    <?PHP
include "haluamasi-tiedosto.html";
?>

    Kohtaan, johon laitat tuon PHP-koodin siis liitetään se haluamasi HTML-tiedosto. Palvelimen pitää kuitenkin tukea PHP:tä, jotta tuo koodi toimii. Todennäköisesti sinun pitää myös muuttaa tiedostosi pääte html:stä php:een:
    tiedosto.html -> tiedosto.php
    HTML-koodiin sinun ei tarvitse tehdä muutoksia.


    Esimerkki (esimerkki.php) 
    <html>
<body>
<!-- "Sisällytetään header tähän" -->
<?PHP include "header.html"; ?>
Tähän vaikka tekstiä. Päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä
</body>
</html>
    header.html 
    <B>Vaikkapa jotain otsikkoa</B> <A HREF="http://example.com">Linkki johonkin</A>
    Tulos (se mitä käyttäjä näkee sivun lähdekoodissa): 
    <html>
<body>
<B>Vaikkapa jotain otsikkoa</B> <A HREF="http://example.com">Linkki johonkin</A>
Tähän vaikka tekstiä. Päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä päläpälä
</body>
</html>
    Älä siis lisää siihen liitettävään tiedostoon HTML-tageja tms. sillä se liitettävä tiedosto liimataan sellaisenaan lopulliseen sivuun. Käyttäjä ei näe PHP-koodia vaan pelkän PHP-koodin kirjoittaman sivun.

    PHP:n aloittelijalle em. toteutus riittää hyvin. PHP:n opettelu on hyvä aloittaa W3Schoolsista:
    http://www.w3schools.com/php/php_includes.asp

Kysy

Suosituimmat aiheet

90vrk 365vrk kaikki
Lisää aiheita

Uusimmat tapahtumat palvelussa

Aktiivisimmat käyttäjät

30vrk 365vrk kaikki
Näytä koko lista