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

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

عنصر head برای نشان دادن بخش هد سند HTML و اطلاعات عمومی (metadata) در مورد سند استفاده می شود و باید شامل یک عنوان برای سند باشد و همچنین میتواند اسکریپت ها، استایل ها، اطلاعات متا و … را نیز در بربگیرد.

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

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

عناصر زیر می تواند در داخل عنصر <head> قرار بگیرد:

<title> ( این عنصر حتما باید در داخل عنصر head قرار بگیرد )

<style>

<base>

<link>

<meta>

<script>

<noscript>

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

 

مثال ۲:

 

مثال های فوق را در یک ادیتور مانند notepad کپی کرده و با پسوند  html ذخیره کنید . این فایل را با استفاده از مرورگر باز کنید.

در حالی که محتویات کمی از تگ head به کاربران نشان داده میشود ، اما این تگ برای رباتها مهم است. موتورهای جستجو، خزنده هایی دارند (به عنوان مثال در گوگل “GoogleBot ” نامیده میشوند) که به طور مداوم برای گردآوری و ایندکس کردن لینک ها از یک سایت به سایت دیگر به در اینترنت به گشت و گذار می پردازند. گوگل دارای الگوریتمی است که تصمیم می گیرد کدام صفحات به عبارات جستجو مرتبط تر هستند.

وب سایت های که به خوبی توسط اسپایدر ها خوانده شود به احتمال زیاد در نتایج موتورهای جستجو رتبه بالایی خواهند داشت. به این فرآیند SEO یا بهینه سازی موتور جستجو گفته میشود.

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

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

نکته : اگر این برچسب در نشانه گذاری حذف شده باشد،  بیشتر مرورگرها به صورت خودکار یک عنصر <head> خواهند ساخت .

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

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

خاصیت  profileدر HTML5 پشتیبانی نمی شود .

خاصیت ها:

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

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

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

خاصیت عمومی

خاصیت رویداد

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

خاصیتمقدارتوضیحات
profileURLدر  HTML5پشتیبانی نمیشود.URL یک پرونده حاوی مجموعه ای از قوانین ر ا مشخص میکند.

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

برچسب <head> از خاصیت های عمومی HTML پشتیبانی میکند

accesskeyhiddenitemtype
classidlang
contenteditableinertspellcheck
contextmenuitemidstyle
diritemproptabindex
draggableitemreftitle
dropzoneitemscopetranslate

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

برچسب <head>  از خاصیت های رویداد در HTML نیز پشتیبانی میکند.

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

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

برچسب <head>  در همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

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

پاسخ دهید

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