การแบ่งส่วนเว็บเพจเป็นองค์ประกอบใน PHP

การแทรกไฟล์หนึ่งลงในอีกไฟล์หนึ่งมักถูกใช้ เพื่อแบ่งไฟล์เว็บเพจออกเป็นส่วนๆ ซึ่งจำเป็น เพื่อแยกส่วนที่ซ้ำกันของ HTML ออกเป็นไฟล์ แยกต่างหาก เพื่อให้แก้ไขได้สะดวกยิ่งขึ้น

ลองดูตัวอย่าง สมมติว่าเรามีหน้าเพจดังต่อไปนี้:

<html>
	<head>
		<title>page1</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		ข้อความ 1
	</body>
</html>

และอีกหน้าเพจหนึ่ง:

<html>
	<head>
		<title>page2</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		ข้อความ 2
	</body>
</html>

อย่างที่คุณเห็น ในสองไฟล์นี้มีเนื้อหาภายใน บล็อก head เหมือนกัน ลองแยกมันออกมา เป็นไฟล์แยก:

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

มาเชื่อมต่อไฟล์นี้กับแต่ละหน้าเพจของเรา:

<html>
	<head>
		<title>page1</title>
		<?php include 'elem/head.php'; ?>
	</head>
	<body>
		ข้อความ 1
	</body>
</html>

กำหนดให้มีไฟล์ที่มีเว็บเพจดังต่อไปนี้:

<!DOCTYPE html>
<html>
	<head>
		<title>title</title>
	</head>
	<body>
		<header>
			ส่วนหัว
		</header>
		<aside>
			แถบข้าง
		</aside>
		<main>
			เนื้อหา
		</main>
		<header>
			ส่วนท้าย
		</header>
	</body>
</html>

สมมติว่าเว็บเพจในไฟล์ต่างๆ แตกต่างกันแค่ title และเนื้อหาเท่านั้น ให้แยกเนื้อหาของ header, footer และ sidebar ออกเป็นไฟล์แยกที่สามารถเรียกใช้ได้