عنصر در HTML
عنصر <head> در HTML یک بخش برای نگهداری متاداده (اطلاعات درباره صفحه وب) و لینکها به منابع خارجی مرتبط با صفحه وب است. این عنصر درون تگ <html> قرار میگیرد اما بالای تگ <body> است. محتوای موجود در <head> مستقیماً روی صفحه نمایش داده نمیشود؛ بلکه به مرورگر در تعریف ساختار، رفتار، و استایل صفحه کمک میکند. در ادامه مروری بر عناصر رایج داخل <head> آمده است:
ساختار عنصر <head>
<!DOCTYPE html!>
<“html lang=”en>
<head>
<“meta charset=”UTF-8>
<“meta name=”viewport” content=”width=device-width, initial-scale=1.0>
<title>Page Title</title>
<“link rel=”stylesheet” href=”styles.css>
<script src=“script.js” defer></script>
<head/>
<body>
<!– Page content goes here –>
<body/>
<html/>
عناصر رایج در <head>
<title>: عنوان صفحه وب را تنظیم میکند، که در برگه مرورگر و نتایج موتورهای جستجو نمایش داده میشود.
<title>My Webpage</title>
2. <meta>: اطلاعات متا درباره سند HTML را فراهم میکند. تگهای متای رایج شامل موارد زیر است:
- Charset: نوع کدگذاری کاراکترها را مشخص میکند (معمولاً UTF-8).
<“meta charset=”UTF-8>
- Viewport: نحوه نمایش صفحه روی دستگاههای موبایل را کنترل میکند.
<“meta name=”viewport” content=”width=device-width, initial-scale=1.0>
- Author: نویسنده صفحه را مشخص میکند.
<“meta name=“author” content=“Author Name>
3.<link>: به منابع خارجی مثل استایلشیتها لینک میدهد.
<“link rel=“stylesheet” href=“styles.css>
4.<style>: بهطور مستقیم CSS را درون فایل HTML قرار میدهد (معمولاً کمتر از لینکدادن به استایل خارجی استفاده میشود).
<style>
body { font-family: Arial, sans-serif; }
<style/>
5. <script>: به فایلهای جاوااسکریپت خارجی لینک میدهد یا جاوااسکریپت داخلی را شامل میشود.
- خارجی:
<script src=”script.js” defer></script>
- داخلی:
<script>
;console.log(“Hello, World!”)
<script/>
6. تگهای دیگر:
<base>: آدرس پایه برای لینکهای نسبی را تنظیم میکند.<noscript>: محتوایی برای کاربرانی که مرورگرشان از جاوااسکریپت پشتیبانی نمیکند.
خلاصه
عنصر <head> نقش مهمی در کاربردی، در دسترس، و بهینهسازی صفحات وب برای موتورهای جستجو دارد. این عنصر اطلاعات ضروری درباره صفحه را قبل از نمایش به مرورگر ارائه میدهد.
دیدگاهتان را بنویسید