کاربرد تگ head در html

بهاره حسنیبهاره حسنی
109 بازدید
head-t

تگ head یکی از مهم ترین و پرکاربرد ترین تگ های HTML است.

تگ head شامل تگ های است که اطلاعات مهمی در ارتباط با صفحه ی وب دارند.

سلام خدمت همراهان عزیز وبسایت پرنیان طرح

در این آموزش قصد داریم شما را با تگ head در html آشنا کنیم.

معرفی تگ head :

تگ head در هر صفحه ی وب همانند مغز آن صفحه میباشد عنوان هر صفحه در این تگ نوشته میشود.

دستورات css را در تگ استایل در این بخش مینویسیم.

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

تگ head بعد از تگ html باز و قبل از تگ body بسته میشود.

تگ title در html :

این تگ را درون تگ head معرفی میکنیم و برای عنوان دادن به صفحه وب در موتور ها ی جستجو است.

در مثال زیر تگ title را درون تگ head نوشته ایم:

[php]

<html>
<head>
<title>Page Title</title>
</head>
<body>

</body>
</html>

[/php]

معرفی تگ style :

تگ style را در بخش head مینویسیم و کد های css را در این تگ مینویسیم.

به این مثال توجه کنید:

[php]

<html>
<head>
<style>

body{
background-color:#9C27B0;
}

p{
color:white;
}

</style>
</head>
<body>

<p>Www.Free-Learn.Ir</p>

</body>
</html>

[/php]

تگ link در بخش head :

با استفاده از تگ لینک میتوانیم به صورت external فایل css را به صفحه اعمال کنیم فقط کافی است آدرس فایل مورد نطر را به این

صفحه با تگ لینک متصل کنیم.

مثال:

[php]

<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>

[/php]

head-tag

head-tag

تگ های meta در html :

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

در ادامه با چند تا از این متا داده ها آشنا میشویم:

charset:

اگر از متن فارسی در نوشته هایتان اسفاده کرده اید برای اینکه به مرورگر بشناسانید متن شما فارسی است از متا داده ی charset استفاده میکنیم.

همانند مثال زیر این کد را در بخش head بنویسید:

[php]

<meta charset =”UTF-8″>

[/php]

description:

توضیحی مختصر درباره ی صفحه وب به مرورگر میدهد.

مثال:

[php]

<meta name=”description” content=”سایت آموزشی پرنیان طرح”>

[/php]

keywords:

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

[php]

<meta name=”keywords” content=”html , css , javascript , xml”>

[/php]

auther:

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

[php]

<meta name=”auther” content=”Hamed Mohammadi”>

[/php]

تگ script در html:

برای نوشتن دستورات جاوا اسکریپت در بخش head از تگ script استفاده میکنیم.

به مثال زیر توجه کنید:

[php]

<html>
<head>

<script>
function myFunction() {
document.getElementById(“test”).innerHTML = “parniantarh”;
}
</script>

</head>
<body>

<p id=”test”></p>

<button type=”button” onclick=”myFunction()”>اینجا کلیک کن</button>

</body>
</html>

[/php]

تگ base در html:

توسط این تگ ما یک آدرس مقصد را مشخص میکنیم واین آدرس ، آدرس پایه ی همه لینک های ما در صفحه ی وب میشود.

مثال:

[php]

<head>
<title>Page Title</title>
<base href=”https://www.w3schools.com/images/” target=”_blank”>
</head>

[/php]

منبع : www.w3schools.com

دسته بندی آموزش html
اشتراک گذاری

نوشته های مرتبط

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

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

21+ محصولات
374+ سفارشات تکمیل شده
1860+ کاربران
396+ مطالب وبلاگ
سبد خرید

هیچ محصولی در سبد خرید نیست.

ورود به سایت