فصل ۲۴ | تعامل و ساختار پیشرفته

اطلاعات پشت‌صحنه در head

بخش <head> شامل اطلاعاتی درباره‌ی خودِ سند است که مستقیماً روی صفحه دیده نمی‌شوند اما برای مرورگر، موتورهای جست‌وجو و شبکه‌های اجتماعی اهمیت دارند.

عنصر meta

عنصر <meta> برای تعریف متادیتاهای گوناگون به‌کار می‌رود؛ از تنظیم رمزگذاری کاراکترها گرفته تا توضیح کوتاه صفحه برای نتایج جست‌وجو.

meta-tags.html

<head>
    <meta charset="UTF-8">
    <meta name="description" content="آموزش رایگان HTML">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

چند تگ meta پرکاربرد

charset — رمزگذاری کاراکترهای صفحه؛ معمولاً UTF-8 برای پشتیبانی از همه‌ی زبان‌ها.
viewport — تنظیم نمایش صفحه روی موبایل و دستگاه‌های مختلف؛ پایه‌ی طراحی واکنش‌گرا.
description — توضیح کوتاهی که معمولاً زیر عنوان صفحه در نتایج گوگل نمایش داده می‌شود.

عنصر base

عنصر <base> یک آدرس یا هدف پیش‌فرض برای همه‌ی لینک‌ها و منابع نسبی صفحه تعیین می‌کند و حداکثر یک‌بار در هر سند قابل استفاده است.

base-tag.html

<head>
    <base href="https://example.com/site/" target="_blank">
</head>

نکته: برچسب <title> که در فصل ساختار پایه دیدیم هم بخشی از همین <head> است و یکی از مهم‌ترین عناصر آن برای سئوی صفحه به‌شمار می‌رود.

فصل قبل→ مسیر فایل‌ها فصل بعدچیدمان معنایی ←