Dela upp sidan med include

Lägg sidhuvud och sidfot i egna filer och återanvänd dem på alla sidor.

Samma sidhuvud på alla sidor

De flesta sidor på en webbplats delar sidhuvud, meny och sidfot. Med include hämtar du in en annan PHP-fil på den plats där raden står. Då behöver du bara ändra menyn på ett ställe.

Den här övningen gör du i din egen webbrot, eftersom den består av flera filer.

header.php

<!DOCTYPE html>
<html lang="sv">
<head>
    <meta charset="utf-8">
    <title><?= $titel ?></title>
    <link rel="stylesheet" href="stil.css">
</head>
<body>
    <header>
        <nav>
            <a href="index.php">Start</a>
            <a href="om.php">Om oss</a>
        </nav>
    </header>
    <main>

footer.php

    </main>
    <footer>
        <p>&copy; <?= date("Y") ?> Min webbplats</p>
    </footer>
</body>
</html>

index.php

<?php
$titel = "Start";
include "header.php";
?>

<h1>Välkommen!</h1>
<p>Det här är startsidan.</p>

<?php include "footer.php"; ?>

Variabeln $titel sätts före include, så att header.php kan använda den.

include eller require?

Kommando	Om filen saknas
`include`	En varning visas och resten av sidan körs ändå.
`require`	Sidan stoppas med ett fel.

include_once och require_once hämtar bara in filen om det inte redan är gjort. Använd require för filer som sidan inte fungerar utan.

Uppgift

Skapa de tre filerna ovan och kontrollera att startsidan visas.
Skapa om.php som använder samma sidhuvud och sidfot men har en annan titel.
Skapa stil.css och ge sidhuvudet en bakgrundsfärg.
Lägg till en tredje länk i menyn. Hur många filer behövde du ändra?

Klar när

Två sidor delar sidhuvud och sidfot.
En ändring i header.php syns på båda sidorna.