آموزش تگ header در HTML

آموزش تگ header در HTML

تگ <header> در HTML برای تعیین سربرگ یا بخشی از صفحه وب که شامل عنوان، لوگو، منوی ناوبری و یا اطلاعات مربوط به بخش اصلی صفحه استفاده می‌شود. این تگ معمولاً در ابتدای یک صفحه وب یا بخش اصلی صفحه قرار می‌گیرد. در ادامه، مقاله‌ای جامع در مورد تگ <header> به همراه توضیحات و مثال‌هایی ارائه شده است.

ساختار کلی

<header>
    <!-- محتوای سربرگ -->
</header>

توضیحات:

  • <header>: ایجاد بخشی از صفحه وب که به عنوان سربرگ یا بخش اصلی شناخته می‌شود.

Attribute ها:

تگ <header> از هیچ attribute اختیاری خاصی استفاده نمی‌کند.

مثال:

<header>
    <h1>سایت من</h1>
    <nav>
        <ul>
            <li><a href="#">صفحه اصلی</a></li>
            <li><a href="#">درباره ما</a></li>
            <li><a href="#">تماس با ما</a></li>
        </ul>
    </nav>
</header>

توضیحات تکمیلی:

در این مثال، تگ <header> برای تعیین بخش سربرگ صفحه وب استفاده شده است. این بخش شامل یک عنوان اصلی و یک منوی ناوبری است. عنوان اصلی با استفاده از تگ <h1> تعیین شده و منوی ناوبری با استفاده از تگ‌های <nav> و <ul> و <li> و <a> ساخته شده است.

استفاده از تگ <header> بهبود قابلیت دسترسی و ساختار کد را افزایش می‌دهد و به کاربران اجازه می‌دهد به راحتی به بخش‌های مهم صفحه دسترسی پیدا کنند.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

بیشتر بخوانید
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

بیشتر بخوانید
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.