مثال - خودتان امتحان کنید

Wiki

The title of a document
تگ <title> عنوان یک سند را تعریف می کند.

One target for all links
نحوه استفاده از تگ <base> برای اینکه معین کنیم تمام لینک های یک صفحه در یک پنجره جدید باز شوند.

Document description
از عنصر <meta> برای توصیف سند استفاده کنید.

Document keywords
از عنصر <meta> برای تعریف کلمات کلیدی سند استفاده کنید.

Redirect a user
چگونه یک کاربر را به آدرس وب جدیدی redirect کنیم (تغییر مسیر دهیم)

عنصر <head> در HTML

Wiki

عنصر <head> ظرفی برای تمام عناصر اصلی HTML می باشد. عناصر موجود در تگ <head> می توانند شامل script ها باشد، می تواند مرورگر را به مکانی هدایت کند که style sheet ها رابیابد، اطلاعات meta را ارائه کند و غیره.

تگ های <title> و <base> و <link> و <meta> و <script> و <style> می توانند به قسمت head اضافه شوند.

عنصر <title> در HTML

Wiki

تگ <title> عنوان سند را تعریف می کند.

عنصر title در تمام سندهای HTML/XHTML ضروری است و نیاز است که همیشه نوشته شود.

عنصر title:

  • یک عنوان را در نوار ابزار مرورگر تعریف می کند.
  • هنگامی که می خواهید صفحه ای را به لیست favorite اضافه نمایید از محتویات عنصر title برای این منظور استفاده می شود.
  • نتایج موتور های جستجو بر اساس محتویات عنصر title گزارش می شود.

یک سند ساده HTML

Wiki

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

عنصر <base> در HTML

Wiki

تگ <base> آدرس پیش فرض یا یک target پیش فرض را برای تمام لینک های یک صفحه مشخص می کند.

<head>
<base href="https://beyamooz.com/images/" />
<base target="_blank" />
</head>

 عنصر <link> در HTML

Wiki

تگ <link> ارتباط بین سند html و منبعی خارجی را تعریف می کند.

تگ <link> اغلب برای لینک به cssها استفاده می شود.

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

عنصر <style> در HTML

Wiki

تگ <style> برای تعریف اطلاعات نمایشی برای سند HTML استفاده می شود.

درون عنصر style، مشخص می کنید که عناصر HTML چگونه باید در مرورگر نمایش داده شوند.

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

عنصر <meta> در HTML

Wiki

عنصر <meta> اطلاعاتی در مورد سند HTML فراهم می کند. این داده ها در صفحه، نمایش داده نمی شوند اما توسط ماشین قابل خواندن هستند.

عنصر <meta> نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند.

تگ <meta> همیشه درون عنصر head می باشد.

داده های meta توسط مرورگر ها (جهت نحوه نمایش محتویات یا بار گذاری مجدد صفحه)، موتور های جستجو (جهت تعیین کلمات کلیدی) و دیگر سرویس های وب استفاده می شود.

کلمات کلیدی برای موتورهای جستجو

Wiki

بعضی موتورهای جستجو از خصوصیت name و content عنصر meta برای شاخص گذاری صفحات استفاده می کنند.

مثال1: توضیحی از محتویات یک صفحه

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

مثال2: مشخص کردن کلمات کلیدی برای موتورهای جستجو

<meta name="keywords" content="HTML, CSS, XML" />

مثال3: مشخص کردن نویسنده یک صفحه

<meta name="author" content="Hege Refsnes">

مثال4: Refresh کردن صفحه هر 30 ثانیه یکبار

<meta http-equiv="refresh" content="30">

عنصر <script> در HTML

Wiki

تگ <script> برای برنامه نویسی سمت کاربر استفاده می شود، مثل JavaScript.

عنصر script در فصل بعد توضیح داده خواهد شد.

بخش Head

Wiki

در جدول زیر، تمام تگ هایی که می توانید در بخش Head صفحه، استفاده کنید لیست شده است:

Tag توضیحات
<head>

اطلاعاتی در مورد سند ارائه می دهد.
<title>

عنوان یک سند را ارائه می دهد.
<base />

یک آدرس پیش فرض یا یک target پیش فرض برای تمام لینک های یک صفحه ارائه می دهد.
<link />

ارتباط بین یک سند و منبع خارجی را تعریف می کند.
<meta />

داده های meta  در مورد یک سند HTML را مشخص می کند.
<script>

برای برنامه نویسی سمت کاربر استفاده می شود.
<style>

مشخص می کنید که عناصر HTML چگونه باید در مرورگر نمایش داده شوند.