تگ <head> در HTML
تگ <head> یک ظرف برای اطلاعات متا است و بین تگ <HTML> و تگ <body> قرار دارد .
اطلاعات متا در HTML، داده در مورد سند HTML است. اطلاعات متا قابل نمایش نیستند .
تگهای داخل <head> می تواند شامل اسکریپت ها باشد، مرورگرها را برای پیدا کردن استایل شیت ها راهنمایی کند، اطلاعات متا ارائه کند و …
اطلاعات متا تگ های <title>، <style>، <meta>، <link>، <script> > و <base> را شامل میشود .
تگ <title> در HTML
عنصر <title> عنوان سند تعریف می کند،و در تمام اسناد HTML / XHTML مورد نیاز است .
تگ <title> عنوان سند را تعریف می کند. تگ <title> در همه اسناد HTML / XHTML مورد نیاز است.
تگ <link> در HTML
از تگ <link> برای پیوند دادن به صفحه استایل خارجی استفاده می شود:
مثــال
<link rel=”stylesheet” href=”mystyle.css”>
تگ <style> در HTML
از تگ <style> برای استایل دادن به یک صفحه HTML استفاده می کنیم :
مثــال
<style>
body {background-color: blue;}
h1 {color: red;}
p {color: blue;}
</style>
تگ <meta> در HTML
فرا داده ها یا متا تگ ها اطلاعاتی در مورد داده می دهند.
از تگ <meta> برای مشخص مجموعه کاراکتر ، صفحه توصیف ، کلمات کلیدی، نویسنده، اسفاده می شود .
معرفی مجموعه کاراکترهای مورد استفاده :
<meta charset=”UTF-8″>
معرفی یک توصیف از صفحه وب شما :
<meta name=”description” content=”mramooz.com”>
معرفی کلمات کلیدی برای موتورهای جستجو :
<meta name=”keywords” content=”HTML, JavaScript”>
معرفی نویسنده صفحه :
<meta name=”author” content=”mramooz.com”>
به روز کردن سند در هر 60 ثانیه یکبار :
<meta http-equiv=”refresh” content=”60″>
تنظیم کردن نمایش صفحه وب در تلفن هوشمند
Html5 یک روش برای طراحان وب ارائه داد تا آنها بتوانند از طریق تگ متا این مشکل( اندازه وب سایت در دستگاه های مختلف ) را برطرف کنند.
مطمئنا نمایش صفحه ی وب در دستگاه ها باید متفاوت باشد ، اگر از این ویژگی استفاده نکنید نمایش صفحه وب در تلفن هوشمند مشابه نمایش صفحه وب کامپیوتر خواهد بود.
شما باید تگ <meta> را در تمام صفحات وب خود قرار دهید :
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
تگ <meta> در دستورالعمل مرورگر چگونه در کنترل ابعاد صفحه و قسمت شدن صفحه عمل می کند .
بخش width=device-width عرض صفحه وب را با عرض صفحه نمایش دستگاه مطابقت می دهد.
بخش initial-scale نیز میزان بزرگنمایی صفحه وب را بر روی دستگاه مشخص می کند.
تگ <script> در HTML
تگ <script> برای برنامه نویسی JavaScript سمت سرویس گیرنده (کاربر) استفاده می شود .
برای مثال خروجی این جاوا اسکریپت : “ جاوا اسکریپت!” است که به یک تگ HTML با id = “demo” داده شده است :
مثــال
<script>
function myFunction {document.getElementById(“demo”).innerHTML = “ JavaScript!”;}
</script>
تگ های HEAD در HTML
| <head> | اطلاعات در مورد سند |
| <title> | عنوان سند |
| <base> | تعریف یک آدرس یا یک هدف پیش فرض برای تمام لینکها در یک صفحه |
| <link> | پیوند دادن بین یک سند و یک منبع خارجی |
| <meta> | ابرداده در مورد یک سند HTML |
| <script> | اسکریپت های سمت سرویس گیرنده |
| <style> | استایل دادن برای یک سند |
