۱۳۹۵ شهریور ۱۵, دوشنبه

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

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

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

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

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

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

<!DOCTYPE html>

<html>

<body>

<article>

<header>

<h1>Most important heading here</h1>

<h3>Most important heading here</h3>

<p>Some additional information here</p>

</header>

<p>Lorem Ipsum dolor set amet....</p>

</article>

</body>

</html>

مثال ۲:

<!DOCTYPE html>

<html>

<head>

<title>HTML Header Tag</title>

</head>

<body>

<header>

<h1>Simply Easy Learning</h1>

<p>You're visiting tutorialspoint.com - tutorial hub for simply easy learning.</p>

</header>

</body>

</html>

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

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

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

خاصیت ها:

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

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

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

خاصیت عمومی

خاصیت رویداد

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

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

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

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

accesskey	hidden	itemtype
class	id	lang
contenteditable	inert	spellcheck
contextmenu	itemid	style
dir	itemprop	tabindex
draggable	itemref	title
dropzone	itemscope	translate

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

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

onabort	onended	onmousewheel
oncancel	onerror	onpause
onblur	onfocus	onplay
oncanplay	onformchange	onplaying
oncanplaythrough	onforminput	onprogress
onchange	oninput	onratechange
onclick	oninvalid	onreadystatechange
oncontextmenu	onkeydown	onscroll
ondblclick	onkeypress	onseeked
ondrag	onkeyup	onseeking
ondragend	onload	onselect
ondragenter	onloadeddata	onshow
ondragexit	onloadedmetadata	onstalled
ondragleave	onloadstart	onsubmit
ondragover	onmousedown	onsuspend
ondragstart	onmousemove	ontimeupdate
ondrop	onmouseout	onvolumechange
ondurationchange	onmouseover	onwaiting
onemptied پشتیبانی مرورگر ها اعداد مشخص شده در جدول زیر ، اولین نسخه ی مرورگرهایی که به طور کامل از این عنصر پشتیبانی میکنند را مشخص میکند .	onmouseup

هیچ نظری موجود نیست:

ارسال یک نظر

اشتراک در: نظرات پیام (Atom)