تا %60 تخفیف خرید برای 4 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

آموزش HTML گام به گام قسمت 15 : تگ عنوان یا Head

دستوراتی که درون تگ head قرار می گیرد در بدنه سایت نمایش داده نمی شود، و تقریبا اکثر آنها قابل مشاهده نیستند. این تگ ها برای مرورگر ها و موتورهای جستجوگر بسیار مهمند. طبق تعریف اجزای تگ head شامل متاتگ ها می باشد. (تگ هایی که درباره تگ های دیگر هستند).

تگ عنوان: اولین و شاید مهمترین تگ در این قسمت تگ عنوان یا title می باشد. این تگ مشخص کننده نام صفحه اچ تی ام ال است. محتویات این تگ در نتایج موتورهای جستجو بسیار پرکاربرد است.

<head>
  <title>Page Title</title>
</head>

تگ استایل: اگر به یاد بیاورید یکی از روشهای تعیین استایل برای یک سند استفاده از تگ Style می باشد. استایل های مورد نظر برای یک صفحه اچ تی ام ال می تواند داخل این تگ قرار بگیرد.

<!Doctype HTML>
<html>
<head>
	<title>Test</title>
	<style type="text/css">
p{
	color: #f300ff;
	padding-left: 10px;
}
	</style>
	</head>
	<body>
		<p>Welcome To HTML!</p>
	</body>
</html>

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

<link rel="stylesheet" href="style.css"> 

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

برای تعریف انکودینگ صفحه می توانید از متای زیر استفاده کنید:

<meta charset="UTF-8">

برای تعریف توضیحات مربوط به یک صفحه می توانید از متای زیر استفاده کنید:

<meta name="description" content="Free Web tutorials">

برای تعریف کلمات کلید مربوط به یک صفحه می توانید از متای زیر استفاده کنید:

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

برای تعریف نام نویسنده صفحه می توانید از متای زیر استفاده کنید:

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

برای آنکه بتوانید یک صفحه وب را در مدت های مشخصی به صورت خودکار رفرش کنید می توانید از متای زیر استفاده کنید: (در این مثال هر 30 ثانیه یکبار صفحه رفرش خواهد شد.)

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

جاوا اسکریپت: همانند سی اس اس می توانید جاوا اسکریپت را به حالت داخلی استفاده کنید. برای اینکار کافی است در تگ head محتویات جاوا اسکریپت را داخل تگ <script> قرار دهید. به مثال زیر توجه کنید:

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>

تگ base: گاهی اوقات از مسیر مشخصی چندبار می خواهید استفاده کنید برای اینکار هر بار باید در خاصیت href مربوط به تگ a آدرس آن را تایپ نمایید. برای جلوگیری از این تکرارها می توانید یک لینک پایه بسازید. در تگ head می توانید از این تگ به صورت زیر بهره ببرید.

<base href="http://www.tosinso.com/" target="_blank">

حال اگر در هر مکانی خاصیت href را خالی بگذارید به لینک پایه مراجعه می کند. مثال زیر را اجرا کنید.

<!Doctype HTML>
<html>
<head>
	<title>Test</title>
	<base href="http://tosinso.com" target="_Blank"></base>
	</head>
	<body>
		<a href="">ITPRO</a>
	</body>
</html>

نویسنده : ارسطو عباسی

منبع : جزیره طراحی و توسعه وب وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

نظر شما
برای ارسال نظر باید وارد شوید.
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند