عنصرHTML <head> محفظه ايست براي در برداشتن عناصر <title>,<style> <meta> , <link> , <script> , و <base>
عنصر HTML <head> محفظه اي براي در برداشتن فرا ديتا ، وبين تگهاي <html> و<body> قرار ميگيرد.
عنصر فراداده ايHTML ،اطلاعاتي براي سند ميباشد ونمايش داده نميشود . آنها معمولا عنوان سند مجموعه كراكترها، استايل ها ،اسكريپت ها وساير اطلاعات فراداده اي را تعريف مي نمايند.
باعنصرHTML <title> براي سند عنواني را تعريف ميكنند .اين عنوان بايستي متن باشد.اين متن توسط مرورگر در قسمت تب بار نمايش داده ميشود.
عنصر<title> در سندHTML لازم ميباشد . محتوي عنوان صفحه براي موتور جستجو بسيار مهم است اين عنوان جستجو را بهينه ميكند .عنوان صفحه توسط موتور هاي جستجو براي تنظيم ليست نتيجه جستجو استفاده ميشود.
عنصر<title> براي موارد زير بكار ميرود .
-1عنواني را براي نمايش در نوار مرورگر تعريف مي نمايد.
-2هنگاميكه صفحه بموارد دلخواه اضافه ميشود، آن عنوان را ارائه ميدهد.
-3عنوان صفحه را در نتايج موتور هاي جستجونمايش ميدهد.
بنا براين سعي كنيد عنوان را تا حد امكان صحيح ، دقيق ومعني دار نمائيد.
نمونه عنوان صفحهمثال -
<!DOCTYPE html> <html> <head> <title>A Meaningful Page Title</title> </head> <body> The content of the document...... </body> </html>
عنصر<style> براي تعريف استايل شيت براي يك صفحه استفاده ميگردد .
مثال ـ نمونه استفاده استايل شيت
<style> body {background-color: powderblue;} h1 {color: red;} p {color: blue;} </style>
عنصر<link> ارتباط مابين سندجاري را بايك منبع خارجي برقرار مي نمايد .اين لينك اغلب براي براي ارتباط با استايل شيت ها استفاده ميشود.
مثال ـ ارتباط بافايل استايل شيت درسند
<link>rel="stylesheet" href="mystyle.css">
عنصر<meta> ، نوعا براي مشخص كردن مجموعه كراكتري، توضيح سند، كلمات كليدي نويسنده سند و تنظيمات نمايش بكار ميرود.
فراداده در صفحه نمايش داده نمي شود، اما توسط مرورگر (نحوي نمايش محتوا يا بارگذاري مجدد صفحه ( وموتور هاي جستجو(كلمات كليدي ( وساير سرويسهاي وب استفاده ميشود.
مثال ـ تعريف مجموعه كراكترها
<meta charset="UTF-8">
مثال ـ تعريف كلمات كليدي براي موتورهاي جستجو
<meta name="keywords" content="HTML , CSS , JavaScript">
مثال ـ تعريف توضيح سند وب
<meta name="description" content="Free Web tutortals">
مثال ـ اعلام نويسنده سند
<meta name="author" content="Jhon Done">
مثال ـ بازخواني سند در هر30 ثانيه
<meta http-eqluv="refresh" content="30">
مثال ـ تنظيم نماي ديد براي اينكه وبسايت در همه دستگاهها خوب به نظر برسد.
<meta name="viewpoint" content="width-device-width,initail-scale=1.0">
مثال ـ نمونه هاي اي از تگ<meta>
<meta charset="UTF-8"> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content="John Doe">
نماي ديد كاربر نواحي صفحات وب است، كه با دستگاههاي مختلف تغيير ميكند .در موبايل ناحيه كوچكتر از صفحه نمايش كامپيوترهاست.
براي تنظيم نماي ديد بايستي در تمام صفحات وب عنصر<meta> مطابق زير قرار دهيد.
<meta name="viewpoint" content="width-device-width,initail-scale=1.0">
اين به بمرورگردستورالعمل هائي در مورد نحوه كنترل ابعاد ومقياس صفحه ميدهد.
اين دستورwidth-device-width عرض صفحه راطوري تنظيم ميكند،كه از عرض صفحه دستگاه پيروي كند.(كه بسته بدستگاه متفاوت است (
زمانيكه صفحه براي اولين بار توسط مرورگر بارگذاري ميشود، اين قسمتinitial-scale=1 سطح بزرگنمائي اوليه را مشخص ميكند.
عنصر<script> براي تعريف جاوااسكريپت سمت كاربر استفاده ميشود .البته جاوااسكريپت سمت كاربريست.
جاوااسكريپت زير عبارت"Hello JavaScript"را در ناحيه عنصر به شناسه"demo" مي نويسد.
مثال ـ جاوااسكريپت
<script> function myFunction() { document.getElementById("demo").innerHTML = "Hello JavaScript!"; } </script >
مثال ـ عنصر پايه
<head> <base href="https://www.w3schools.com/" target="_blank"> </head> <body> <h1>The base element</h1> <p><img src="images/stickman.gif" width="24" height="39" alt="Stickman"> - Notice that we have only specified a relative address for the image. Since we have specified a base URL in the head section, the browser will look for the image at "https://www.w3schools.com/images/stickman.gif".</p> <p><a href="tags/tag_base.asp">HTML base tag</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".</p> </body>