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:

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

Ja toinen sivu:

<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:

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

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

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

Annettuina ovat tiedostot, joissa on seuraava layout:

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

Oletetaan, että tiedostojen layout eroaa vain otsikoista ja sisällöstä. Siirrä headerin, footerin ja sidebarin sisältö erillisiin liitettäviin tiedostoihin.