8
تشکر

نگاهی به عناصر HTML5

عناصر HTML5

عناصر HTML5

توسعه HTML5 هنوز به اتمام نرسیده است اما میتوان از بعضی از عناصر آن که آماده هستند استفاده کرد که این عناصر در حال حاظر در مرورگرهای جدید و همچنین قدیمی پشتیبانی میشوند مانند <header> و <footer> و <nav>

 


عنصر <header>

عناصر HTML5 خوشبختانه با نام های منطقی نامگذاری شده اند. این عنصر برای تعریف هدر یک سایت در نظر گرفته شده است. اما میتوان از آن برای معرفی هر یک از بخش های سایت استفاده کرد.


<header>
<h1>This is the Title of the Content</h1>
<div class="post-meta">

By AuthorFiled in Web 2.0

</div>
</header><article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id
felis et augue sagittis euismod quis at sem. Nunc sit amet magna ac velit congue
ultricies. Sed eros justo, lacinia in fringilla sollicitudin, congue id massa.
Nunc dignissim bibendum nibh, sed dictum massa pharetra sit amet.
</article>
</header>

برای مثال در کد بالا از تگ هدر در بالای یک پست استفاده شده است.

 


عنصر <footer>

عنصر دیگر footer است که معمولا برای استفاده از آن برای پایین وب سایت ها استفاده میکنند اما میتوان مانند header از آن در پایین تگ های مورد نظر استفاده کرد.

برای مثال میتوان از تگ footer برای استفاده در پایین کد بالا به عنوان پست متا استفاده کرد.

 


عنصر <nav>

nav که خلاصه Navogation یا ناوبری است که معمولا به منوهای بالای سایت گفته میشوند. در تعریف nav آمده است که بخشی از صفحه است که لینک میکند به صفحه های دیگر وب سایت.

میتوان از آن در مکان هایی از وبسایت که لینکی به صفحات دیگر وجود دارد استفاده کرد مانند قسمت پیوندها یا منوی بالای سایت

 


چرا باید استفاده کنیم؟

مسلما وقتی شما از این تگ ها استفاده میکنید خوانایی سایت شما بالا میرود و مسئله مهم تر این است که وقتی موتور جستجوگر به سایت شما می آید میداند که الان در کدام بخش صفحه است.

  • حمیدرضا حیدری می‌گه:

    ایول دادا…


  • نظرات این مطلب بسته است.