همانطوری که در مقالات پیشین آموزش طراحی سایت عنوان شد، بدنه ی اصلی اسناد html از سه بخش اصلی تشکیل می شود که یکی از این بخش ها، همان head هست که از اهمیت بسزایی برخوردار است. در این مقاله به معرفی عناصر رایجی می پردازیم که در تگ head لحاظ می شوند:
عنصر head در اچ تی ام ال
عنصر head به عنوان یک ظرف برای همه عناصر head است.
عناصر داخل <HEAD>می تواند اسکریپت، آموزش مرورگر برای پیدا کردن شیوه نامه، ارائه اطلاعات متا و … باشد.
تگ های زیر را می توان به قسمت head اضافه کرد :
title, base, link, meta, script, style.
عنوان عنصر درHTML
تگ <title>تعریف عنوان سند است.
عنصر titleدر تمام اسناد HTML / XHTML مورد نیاز است.
عنصر عنوان
یک عنوان را در نوار ابزار مرورگرتعریف می کند.
عنوان صفحه را زمانی که به لیست علاقه مندی ها اضافه شده فراهم می کند.
عنوان صفحه را در نتایج موتورهای جستجو نمایش می دهد.
در زیر یک سند ساده HTML را مشاهده می کنید :
[html]
<html>
<head>
<title>عنوان سند</title>
</head>
<body>
محتوای سند……
</body>
</html>
[/html]
عنصر پایه در HTML
تگ base مشخص کننده آدرس پیش فرض و یا یک مسیربه طور پیش فرض برای تمام لینک ها در صفحه است .
به عنوان مثال:
[html]
<head>
<base href="https://www.onliner.co/images/" />
<base target="_blank" />
</head>
[/html]
عنصر لینک در HTML
تگ link تعریف رابطه میان سند و یک منبع خارجی است.
این تگ جزء پر استفاده ترین موردهای لینک کردن به شیوه نامه هاست.
مثال:
[html]
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
[/html]
عنصر استایل
تگ style برای تعریف اطلاعات یک سند HTML استفاده می شود.
در داخل عنصر استایل مشخص می کنید که عناصر HTML چگونه باید در یک مرورگر بارگزاری شوند.
به عنوان مثال:
[html]
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
[/html]
عنصر متا در html
تگ meta فراداده در مورد سند HTML رافراهم می کند.
عنصر اسکریپت
تگ script برای تعریف اسکریپت های سمت سرویس گیرنده، مانند جاوا اسکریپت استفاده شده است.
در فصل های بعدی با عنصر اسکریپت بیشتر اشنا خواهید شد.