هدر فوتر و ماین در html5

با ما همراه باشید تا با این سه تگ آشنا شوید.

این سه تگ ویژگی خاصی ندارند...اما برای طبقه یبندی استفاده میشود

در گذشته ما برای ساخت هدر از یک دیو با کلاس یا ایدی هدر استفاده میکردیم

ولی حالا فرق میکنه....ما برای هر کدوم از اون ها تگ داریم

تگ جدا

برای هدر:

<header>
.....
</header>

برای فوتر:

<footer>
.....
<footer>

اما....

یه تگ دیگه هم داریم که برای فضای بین هدر و فوتر،یعنی فضای اصلی سایت هست که مطالب و... قرار دارد:

<main>
....
</main>

حالا کل شکل اینجوری میشه:

<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>صفحه وب</title>
</head>
<body>
<header>
<p>عنوان سایت</p>
</header>
<main>
<p>پست 1</p>
<p>پست 2</p>
<p>پست 3</p>
</main>
<footer>
تمامی حقوق برای این وبلاگ محفوظ است
</footer>
</html>

شما بیشتر به body دقت کنید.

پ.ن: قالب وب توسط یکی از نویسنده ها نابود شد....مطمئن باشید بزودی درستش میکنیدم