در تگ head تگ های title , script , link , style , meta , base را می‌توان قرار داد.

تگ <title>

این تگ عنوان صفحه را مشخص نموده و آنرا در نوار ایزار مرور گر نمایش می دهد. موتور های جست و جو به این تگ اهمیت زیادی برای ایندکس کردن نتایج قائل هستند.

<!DOCTYPE html>
<html>
<head>
 <title>Page Title</title>
</head>
<body>
<p>The content of the body element is displayed in the browser window.</p>
<p>The content of the title element is displayed in the browser tab, in favorites and in search engine results.</p>
</body>
</html>

تگ <style>

میتوان استایل های مورد نظر را درون تگ style در قسمت head نیز وارد نمود به مثال زیر توجه فرمایید:

<!DOCTYPE html>
<html>
<head>
 <title>Page Title</title>
 <style>
 body {background-color: powderblue;}
 h1 {color: red;} 
 p {color: blue;}
 </style>
</head> 
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
 
</body>
</html>

مشاهده خروجی و ویرایش آنلاین

تگ <link>

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

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

<!DOCTYPE html>
 <html>
 <head>
 <title>Page Title</title>
 <link rel="stylesheet" href="mystyle.css">
 </head>
 <body>

<h1>This is a Heading</h1>
 <p>This is a paragraph.</p>

</body>
</html>

متا تگ ها در head

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

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

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

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

<meta charset=”UTF-8″>

مدل کاراکتری به کار رفته در صفحه را مشخض می نماید.

<meta name=”description” content=”توضیحاتی راجع به صفحه”>

توضیحاتی را راجع به صفحه وب میتوان در آن نوشت.

<meta name=”keywords” content=”HTML, CSS, XML, JavaScript”>

کلمات کلیدی را در خود جای می‌دهد.

<meta name=”author” content=”محمد اسکویی”>

برای قرار دادن نام نویسنده صفحه استفاده میشود.

<meta http-equiv=”refresh” content=”30″>

با این متا تگ محتوای صفحه هر ۳۰ ثانیه ریفرش می شود.

 

تگ <script>

می توان کد های جاوا اسکریپت را نیز در قسمت هد و درون تگ اسکریپت قرار داد:

<!DOCTYPE html>
<html>
<head>
 <title>Page Title</title>
 <script>
 function myFunction() {
 document.getElementById("demo").innerHTML = "Hello JavaScript!";
 }
 </script>
</head>
<body>

<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

مشاهده خروجی و ویرایش آنلاین

تگ <base>

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

<!DOCTYPE html>
<html>
<head>
 <title>Page Title</title>
 <base href="http://blog.tehrancode.com/wp-content/uploads/" target="_blank">
</head>
<body>

<img src="طراحی-سایت-تهرانکد-Copy.jpg">

<p><a href="http://tehrancode.com">طراحی ساایت تهران کد</a></p>
<p>The link above opens in a new window. This is because the base target is set to "_blank".</p>

</body>
</html>

مشاهده خروجی و ویرایش آنلاین

دیدگاهتان را بنویسید

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