عنصر header و کاربرد آن در HTML

عنصر header و کاربرد آن در HTML

عنصر header یک هدر برای سند یا یک بخش مشخص می کند و نشان دهنده مکانی برای محتوای مقدماتی و یا مجموعه ای از لینک های ناوبری است. که به طور معمول شامل :

  • یک یا چند عنصر عنوان (H1 – H6 و hgroup )
  • لوگو و یا آیکون
  • اطلاعات مولف یا نویسنده

شما می توانید چندین عنصر header در یک سند داشته باشید.

عنصر header و کاربرد آن در HTML

عنصر header و کاربرد آن در HTML

توجه: یک تگ header نمی تواند در داخل یک footer، address یا تگ های header دیگر قرار بگیرد.

به مثال زیر توجه کنید :

 

عنصر header و کاربرد آن در HTML

عنصر header و کاربرد آن در HTML

مثال ۲:

 

عنصر header و کاربرد آن در HTML

عنصر header و کاربرد آن در HTML

عنصر header و کاربرد آن در HTML

تفاوت بین HTML 4.01 و HTML5

عنصر header یک تگ جدید در HTML5 است.

خاصیت ها:

تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .

۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:

خاصیت ویژه عنصر

خاصیت عمومی

خاصیت رویداد

خاصیت ویژه عنصر

تگ header  هیچ خاصیت ویژه ای ندارد.

خاصیت های عمومی

تگ header  از خاصیت های عمومی HTML پشتیبانی میکند

accesskeyhiddenitemtype
classidlang
contenteditableinertspellcheck
contextmenuitemidstyle
diritemproptabindex
draggableitemreftitle
dropzoneitemscopetranslate

خاصیت های رویداد

تگ header از خاصیت های رویداد در HTML نیز پشتیبانی میکند.

onabortonendedonmousewheel
oncancelonerroronpause
onbluronfocusonplay
oncanplayonformchangeonplaying
oncanplaythroughonforminputonprogress
onchangeoninputonratechange
onclickoninvalidonreadystatechange
oncontextmenuonkeydownonscroll
ondblclickonkeypressonseeked
ondragonkeyuponseeking
ondragendonloadonselect
ondragenteronloadeddataonshow
ondragexitonloadedmetadataonstalled
ondragleaveonloadstartonsubmit
ondragoveronmousedownonsuspend
ondragstartonmousemoveontimeupdate
ondroponmouseoutonvolumechange
ondurationchangeonmouseoveronwaiting
onemptiedonmouseup

پشتیبانی مرورگر ها

اعداد مشخص شده در جدول زیر ، اولین نسخه ی مرورگرهایی که به طور کامل از این عنصر پشتیبانی میکنند را مشخص میکند .

عنصرگوگل کروماینترنت اکسپلوررفایرفاکسسافاریاپرا
<header>۶٫۰۹٫۰۴٫۰۵٫۰۱۱٫۱

تنظیمات پیش فرض css :

بیشتر مرورگرها عنصر header را با مقدار پیش فرض زیر نشان میدهند:

header {
display: block;
}

پاسخ به کلیه سوالات شما در زمینه وب هاستینگ و مدیریت سرور در انجمن کامپایلر

پاسخ دهید

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