در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<head> آشنا مي‌شويم. اين تگ براي قرار دادن اطلاعات متا، لينک به فايل‌هاي CSS، اسکريپت‌ها
و ساير داده‌هاي غيرمحتوايي صفحه استفاده مي‌شود.
تگ head در HTML چيست؟
تگ <head> بخشي از ساختار صفحه HTML است که شامل اطلاعاتي درباره صفحه مي‌باشد، اما محتواي
آن مستقيماً در مرورگر نمايش داده نمي‌شود.
اين اطلاعات به موتورهاي جستجو، مرورگر و ساير ابزارها کمک مي‌کند تا صفحه را بهتر شناسايي و پردازش کنند.
مثال ساده از تگ head
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>صفحه نمونه</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>سلام دنيا!</h1>
</body>
</html>محتواي مهم داخل head
<title>: عنوان صفحه که در تب مرورگر نمايش داده مي‌شود.<meta>: اطلاعات متا مانند کدگذاري، توضيحات، کلمات کليدي و تنظيمات viewport.<link>: لينک به فايل‌هاي CSS يا آيکون‌ها.<script>: افزودن فايل‌ها يا کدهاي جاوااسکريپت.<base>: تعيين مسير پايه براي لينک‌ها.
ويژگي‌هاي مهم تگ head
| ويژگي | توضيح |
|---|---|
| profile | مسير فايل پروفايل (ناديده گرفته شده در HTML5) |
نکات مهم درباره head
- محتواي داخل
<head>مستقيماً در مرورگر نمايش داده نمي‌شود. - قرار دادن صحيح اطلاعات متا به سئو و نمايش بهتر صفحه کمک مي‌کند.
- هميشه قبل از
<body>قرار مي‌گيرد.
براي يادگيري کامل ساختار صفحات HTML و مديريت فايل‌ها و اطلاعات متا، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ h1 تا h6 در HTML
آموزش بعدي: تگ header در HTML
دیدگاه و پرسش