نامگذاری تگ ها

نامگذاری تگ ها

در html5 ما با یک سری از تگ های جدید روبرو هستیم  که قابلیت های جدیدی برای طراحان وب بوجود آوردند که تگ header نیز از این جمله از تگ ها می باشد. در این پست ما سعی میکنیم تمام مطالب مربوط به تگ header را پوشش دهیم  و درباره استفاده یا استفاده نکردن، داشتن یا نداشتن این تگ صحبت کنیم پس بهتر بریم سر اصل مطلب.

نامگذاری تگ ها نامگذاری تگ ها نامگذاری تگ ها Name tags

نامگذاری تگ ها

در HTML 4 دو روش برای نامگذاری تگ ها وجود داشت.

  1. استفاده از id
  2. استفاده از class

که id برای نامگذاری قسمت های منحصر به فرد، و class برای style دهی استفاده می شد. به طور مثال یک وبسایت معمولا دارای یک header است پس برای نامگذاری تگ آن از id با مقدار header استفاده می کردیم. یا به طور مثال برای استایل دهی نوشته های آبی رنگ سایت از class با مقدار blue-text استفاده می کردیم. البته این نوع نامگذاری استاندارد یا قانون نبود، ممکن است شخصی از class با مقدار blue-text برای logo استفاده کند و یا… ولی معمولا نامگذاری ها مفهومی است و هر نام می بایست دقیقا قسمتی را که تشکیل می دهد را بدرستی معرفی کند.

پراستفاده ترین نام های استفاده شده برای این دو صفت است :

نامگذاری تگ ها نامگذاری تگ ها نامگذاری تگ ها f1 j2 p1

نامگذاری تگ ها

نکته ای که حتما در هنگام باگ گیری تگ های HTML5 در ie درنظر بگیرید. این است که وقتی تگ ها را با استفاده از javascript تعریف کردید. با استفاده از css حتما باید نوع المنت را اینکه block هست یا inline تعیین کنید. تگ های فوق که معرفی کرده ایم همگی block هستند.

در صورت تعریف نکردن این خصوصیت، تگ ها به صورت inline در نظر گرفته می شوند. سورس صفحه ای را که لینکش در فوق قرار گرفته بود به دقت بررسی کنید تا بهتر متوجه شوید. (البته ناگفته نماند که استفاده از این روش فقط برای موارد جزئی هست، و اگر میخوایید با html5 قالبی رو طراحی کنید حتما از html5shiv استفاده کنید.)

تگ های جدید معرفی شده ی جدید برای ایجاد ساختار صفحه عبارتند از :

Header : جهت ایجاد قسمت سرصفحه استفاده می شود.

Footer : جهت ایجاد قسمت پانوشت استفاده می شود.

Nav : جهت ایجاد منوها استفاده می شود.

Aside : جهت ایجاد ستون های کناری استفاده می شود.

Section : جهت ایجاد بخش های کنترلی استفاده می شود.

Article : جهت ایجاد مطالب (منظور از مطالب فقط پست ها نیست) استفاده می شود.

نامگذاری تگ ها نامگذاری تگ ها نامگذاری تگ ها html5

نامگذاری تگ ها

تگ header

قبلا ما قسمت بالای یا head صفحه رو به این شکل طراحی می کردیم:

 یک تگ header به طور معمول میتواند شامل تگ های H1-H6 ، hgroup و همچنین می تواند شامل table ها یا فرم ها یا لوگوها و تگ nav نیز باشد.

یک نکته مهم این می باشد که یک تگ header نمی تواند شامل یک Section باشد ولی عکس این قضیه صادق است یعنی ما برای هر قسمت از صفحه یا هر section می توانیم از یک  تگ header استفاده کنیم.

در چه قسمت هایی از صفحه می توانیم از تگ header استفاده کنیم؟

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

استایل یا قالب بندی header:

این تگ به صورت تگ block-level میباشد ولی در حال حاضر تمام مرورگرها موقع رندر کردن تگ header نیاز به این تعریف دارند

در html5 فعلا مرورگرها برای تگ هایی که به صورت block-level  می باشند احتیاج به این دستور دارند

 

و به صورت درونی از این دستور پشتیبانی نمیشه ولی در آینده این دستور به صورت درونی در مرورگرها پشتیبانی خواهد شد.

آموزش HTML

دسته بندی و برچسب

دسته ها: آموزش HTML برچسب ها:

دیدگاه خود را بیان کنید