HTML head
مثال ها - خودتان امتحان کنید
<title> - یک عنوان برای یک سند HTML تعریف می کند
از تگ <title> برای یک عنوان برای یک سند استفاده کنید
<base> - یک URL و target پیش فرض برای تمامی لینک ها تعریف می کند
از تگ <base> برای مشخص کردن یک URL و یک target پیش فرض برای تمامی لینک
های صفحه استفاده کند
<meta> - متا دیتا برای یک سند HTML فراهم می کند
از عنصر <meta> برای مشخص کردن یک توصیف (description) ، کلمه کلیدی
(keywords) ، نام نویسنده (author) و مجموعه کاراکتر (character set) یک سند
استفاده کن
عنصر <head>
عنصر head یک ظرف (container) برای تمام عناصر head است ، عناصر داخل
<head> می تواند شامل script ها ، متوجه ساختن مرورگرها از مکانی که برگه های
سبک را پیدا کند ، فراهم آوردن اطلاعات متا ، و ...
تگ های رو به رو می تواند در بخش head اضافه شود :
<link>، <meta> ، <style> ، <title> ، <noscript> ، <script> و <base>
عنصر <title>
تگ <title> عنوان سند را معرفی می کند
عنصر <title> در تمام اسناد HTML/XHTML احتایج است
عنصر <title> :
- یک عنوان را در نوار ابزار مرورگر معرفی می کند
- یک عنوان را برای وقتی که یک صفحه به علاقه مندی ها اضافه می شود فراهم می کند
- عنوان یک صفحه را در نتایج موتورهای جستجو نمایش می دهد
نمونه ای از یک سند HTML:
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document.....
</body>
</html>
عنصر <base>
تگ <base> یک آدرس پیش فرض یا یک target پیش فرض برای تمامی لینک های
صفحه مشخص می کند
<head>
<base href="http://www.w3schools.com/images/"><base target="_blank">
</head>
عنصر <link>
تگ <link> یک ارتباط بین یک سند و یک منبع خارجی را تعریف می کند
تگ <link> بیشترین استفاده را برای اتصال به برگه های سبک دارد
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
عنصر <style>
تگ <style> برای تعریف اطلاعات سبک یک سند HTML استفاده می شود
در داخل عنصر <style> شما مشخص می کنید که چگونه عناصر HTML باید در مرورگر
ارائه شوند
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
عنصر <meta>
متادیتا (metadata) اطلاعاتی درباره داده است
تگ <meta> متادیتایی را در رابطه با سند HTML فراهم می کند ، متادیتا بر روی صفحه
نمایش داده نمی شود اما دستوراتش تجزیه و تحلیل می شود
عناصر متا به طور معمول برای مشخص کردن توصیف صفحه ، کلمات کلیدی ، نام
نویسنده سند، تاریخ و زمان آخرین اصلاح و دیگر متادیتا استفاده می شود
متادیتا می تواند توسط مرورگرها ( چگونگی نمایش محتوا یا بارگذاری مجدد صفحه ) ،
موتورهای جستجو (کلمات کلیدی) یا دیگر سرویس های وب استفاده شود
تگ <meta> همیشه در داخل عنصر <head> قرار می گیرد
مثال ها - تگ <meta>
کلمات کلیدی برای موتورهای جستجو تعریف می کند
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
توصیفی از صفحه وب شما را معرفی می کند
<meta name="description" content="Free Web tutorials on HTML and CSS">
نام نویسنده صفحه را معرفی می کند
<meta name="author" content="Hege Refsnes">
سند را برای هر 30 ثانیه رفرش می کند
<meta http-equiv="refresh" content="30">
عنصر <script>
تگ <script> برای تعریف اسکریپت سمت کلاینت تعریف می شود مانند جاوااسکریپت
عنصر <script> در فصل های بعدی توضیح داده خواهد شد
عناصر head
| Description | Tag |
| اطلاعاتی را درباره سند معرفی می کند | <head> |
| عنوان سند را معرفی می کند | <title> |
| یک آدرس پیش فرض یا یک target پیش فرض برای تمامی لینک های صفحه معرفی می کند | <base> |
| ارتباط بین یک سند و یک منبع خارجی را معرفی می کند | <link> |
| متادیتا در رابطه با سند HTML معرفی می کند | <meta> |
| یک اسکریپت سمت کلاینت معرفی می کند | <script> |
| اطلاعات استایل را برای یک سند معرفی می کند | <style> |
