آموزش تگ header در HTML - راهنمای ایجاد سربرگ و سرتیتر در html

تگ header برای تعریف و ایجاد سربرگ در یک صفحه یا سرتیتر در بخشی از صفحه استفاده می شود. با این تعریف از چند تگ header می توان در صفحه استفاده کرد.

تگ header نمی تواند درون تگ footer و تگ address استفاده شود.

مثال تگ header در HTML

مثال 1: استفاده از تگ header به عنوان هدر اصلی صفحه

<body>

<header>
<h2>نام سایت</h2>
<p>توضیحات سایت</p>
</header>

<main>
<h2>متن محتوای سایت</h2>
</main>

<footer>
<p>فوتر سایت</p>
</footer>

</body>

مثال 2: استفاده از تگ header به عنوان هدر بخشی از صفحه، درون تگ article

<div class="my-box">
<section>
<article class="my-content">

<header class="my-header">
<h1>آموزش HTML</h1>
</header>
<p>آموزش زبان HTML را با ما در این سایت دنبال کنید.</p>
<footer class="my-footer">
<p>نویسنده : حسن حسنی</p>
</footer>
</article>

</section>
</div>