عنصر در 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>
نقش مهمی در کاربردی، در دسترس، و بهینهسازی صفحات وب برای موتورهای جستجو دارد. این عنصر اطلاعات ضروری درباره صفحه را قبل از نمایش به مرورگر ارائه میدهد.
دیدگاهتان را بنویسید