Тақсим кардани верстка ба элементҳо дар 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
		</header>
		<aside>
			sidebar
		</aside>
		<main>
			content
		</main>
		<header>
			footer
		</header>
	</body>
</html>

Бигзор версткаи файлҳо танҳо аз title-ҳо ва content фарқ кунад. Мундариҷаи header, footer ва sidebar-ро ба файлҳои пайвастшавандаи ҷудогона хориҷ кунед.