صفحه نخست » مقالات » کاربرد بخش head در HTML

کاربرد بخش head در HTML

دسته بندی : مقالات سطح مقاله : مقدماتی زمان مطالعه : 3 دقیقه 06 آبان 1399
بخش-head-در-HTML

بخش head در HTML را برای شما آماده کرده ایم ، Head element بخشی است که برای تعریف داده های متا استفاده  می شود در واقع اطلاعات مربوط به صفحه ای که توسط مرورگر خوانده میشود اما برای کاربر نامرئی می ماند. به روایت ساده تر بخش head سایت را کاربر نمی بینید و کار ارتباط بین سایت و مرورگر و موتورهای جستجو گر را انجام می دهد.

معرفی عنصر head

توسعه دهندگان از تگ <head> برای تعریف داده های متا ( مانند عنوان صفحه یا کلمات کلیدی مرتبط) استفاده می کنند. هم چنین محلی است که اسکریپت های JS یا استایل های CSS را در آن قرار می دهید.

محتوای بخش HTML head برای کاربران وب سایت نشان داده نمی شود: در عوض، دستورالعمل هایی برای نمایش صحیح یک صفحه وب به دستگاه داده می شود. محتوایی که نشان داده می شود باید در قسمت بدنه HTML قرار بگیرد.

تگ های پر استفاده در head

<title> عنوان صفحه HTML را تعریف می کند که در مرورگر وب نمایش داده می شود. عنوان صفحه HTML نشان می دهد صفحه شما درباره چه چیزی است و به کاربران کمک می کند تا آن را پیدا کنند:

<head>
  <title>عنوان صفحه وب</title>
</head>

هنگام توسعه سایت خود احتمالا از CSS و Javascript نیز استفاده خواهید کرد. با این حال، چنین کدی باید خارج از سند اصلی HTML شما نوشته شود. تگ <link> ارتباطی با منابع خارجی (صفحه ها یا اسکریپت های استایل) استفاده شده توسط صفحه وب ایجاد می کند:

<link rel="stylesheet" type="text/css" href="style_file.css">

از تگ های <meta> برای تعریف متا اطلاعات مربوط به سند استفاده می شود، مانند کدگذاری، توضیحات، حالت مشاهده وغیره:

<head>
<meta charset="UTF-8">
<meta name="description" content="Learn to code!">
<meta name="keywords" content="HTML, PHP, JavaScript">
<meta name="author" content="The BitDegree Team">
</head>

اگر می خواهید یک اسکریپت JS در سند HTML خود بگنجانید، باید از برچسب <script>استفاده کنید:

<script>
  document.getElementById("learn").innerHTML = "It works!";
</script>

نکات مفید تگ head

  • برای برخی از اقدامات مفید، بر روی وب سایت مورد علاقه خود راست کلیک کنید و Inspect را انتخاب کنید تا بتوانید HTML آن را مشاهده کنید. خواهید دید چه محتوایی دارد . بعضی از مرورگرها کد گذاری را اشتباه تعریف می کنند.
  • اطمینان حاصل کنید که رمزگذاری را UTF-8 تعریف کرده اید که بیشترین نویسه ها را شامل می شود.
  • مطمئن شوید که عنوان و توضیحات متا را به وضوح برای وب سایت خود تعریف کرده اید: موتورهای جستجو آن ها را در نتایج جستجو به کاربر نشان می دهند. سعی کنید عنوان را زیر 70 حرف و توضیح را زیر 160 حرف نگه دارید تا متن به صورت کامل نشان داده شود.

دوره رایگان html را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

5 / 5.00
[ 1 رای ]
مطالب مشابه

Related Posts