0   1

Miten liitän HTML:ssä tiedostoon toisen HTML-tiedoston?

Haluaisin indeksiin lisätä erillisessä tiedostossa olevan footterin.

Kysyjä: Anonyymi käyttäjä, 28.10.2013 21:58

Vastaukset

  3   0
dRD (3393)

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.

29.10.2013 08:51
  0   0
ep_ (7376)

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

3.11.2013 18:55

Ehdota parempaa vastausta

Voit osallistua myös täysin nimettömästi ilman käyttäjätunnusta.
Mikäli sinulla ei ole vielä AfterDawn-käyttäjätunnusta, syötä allaolevaan kaavakkeeseen toivomasi käyttäjätunnus sekä sähköpostiosoitteesi. Lähetämme sinulle jälkikäteen aktivointilinkin antamaasi sähköpostiosoitteeseen.

Mikäli sinulla on jo ennestään AfterDawn-käyttäjätunnus, kirjaudu sisään seuraavan välilehden kautta.

Kirjaudu sisään käyttäen AfterDawn -käyttäjätunnustasi tai sähköpostiosoitettasi.


Kysy.

150