در تگ 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>