Layoutin jakaminen elementteihin PHP:ssä

Yhden tiedoston lisääminen toiseen usein käytetään jakamaan layout-tiedostot osiin. Tämä on tarpeen, jotta voidaan siirtää HTML-sivujen toistuvat osat erillisiin tiedostoihin helpompaa muokkaamista varten.

Katsotaan esimerkkiä. Oletetaan, että meillä on seuraava sivu:

page1.php<html>
  <head>
    <title>page1</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    text 1
  </body>
</html>

Ja toinen sivu:

page2.php<html>
  <head>
    <title>page2</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    text 2
  </body>
</html>

Kuten näette, näissä kahdessa tiedostossa on sama head -lohkon sisältö. Siirretään se erilliseen tiedostoon:

elem/head.php<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">

Liitetään tämä tiedosto kuhunkin sivuistamme:

page1.php<html>
  <head>
    <title>page1</title>
    <?php include 'elem/head.php'; ?>
  </head>
  <body>
    text 1
  </body>
</html>

html<!DOCTYPE html>
<html>
  <head>
    <title>title</title>
  </head>
  <body>
    <header>
      header
    </header>
    <aside>
      sidebar
    </aside>
    <main>
      content
    </main>
    <header>
      footer
    </header>
  </body>
</html>