عنصرهای جدید HTML5

html5-new-elements

عنصرهای صفحه آرایی جدید در HTML5

امروز قصد داریم عنصرهای جدید معنایی HTML5 را به شما معرفی کنیم

این عناصر شامل : <header> , <nav> , <article> , <section> , <aside> , <footer> می شوند.

اما نکته خیلی مهمی که وجود دارد این است که تفاوت این عنصر ها با عنصر محبوب ورژن قبلی html تگ <div> چیست ؟

از دید مفاهیم کد HTML :

<"div class="header>

همان کار کد HTML5 :

<header>

انجام می دهد.

اما تفاوت در چیست ؟

مهم ترین تفاوت و دلیل اصلی استفاده از این عنصرهای جدید در سئو مطالب می باشد. به این معنی که در ساختار کد سایت و ظاهر نمایش داده شده تفاوتی وجود ندارد ،‌اما در شناساندن مطالب و بخش ها به موتورهای جستجو اهمیت قابل ملاحظه ای دارد.

بررسی هرکدام از عناصر

<header>

بیان کننده سرفصل پرونده می باشد . در آن ازلاعات بالایی سایت مانند لوگو ، بخش ورود و غیره قرار می گیرد که معمولا در همه صفحات ثابت است.

<nav>

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

<article>

اگر درحال نوشت یک مقاله هستید تگ <article> در نشان دادن مقاله شما به موتورهای جستجو نقش بسزایی دارد.

<section>

بخش های درون مقاله را دسته بندی می کند . البته از <section> ها می توان خارج از مقالات و در ساختار بخش های اصلی سایت نیز استفاده کرد.

<aside>

محتوای ثانویه را در این بخش بنویسید . مطالبی که اهمیت بخش اصلی را ندارند در این بخش قرار می گیرند.

<footer>

بخش پانوشت سایت ، اطلاعاتی مانند حق کپی رایت ، شرایط استفاده و… در این بخش قرار می گیرند.

 

پس در معماری HTML5 در طراحی سایت  به این نتیجه می رسیم که باید از این عنصر های جدید استفاده کنیم.

یک بار دیگر به نحو قرار گیری عنصرها در صفحه در عکس بالا دقت کنید.

تیم بلونا طراحی و برنامه نویسی وب سایت شما را با جدیدترین علم روز و با توجه به همه این نکات سئو به گونه ای کاملا حرفه ای انجام خواهد داد تا لذت داشتن یک وب سایت حرفه ای همراه با پشتیبانی واقعی و هزینه مناسب را باهم تجربه کنید.

با ما در تماس باشید.

 

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *