فصل ۳ | شروع کار

ساختار پایه‌ی یک سند HTML

هر سند HTML، صرف‌نظر از سادگی یا پیچیدگی‌اش، از یک اسکلت ثابت پیروی می‌کند. یادگیری این اسکلت اولین و مهم‌ترین قدم برای نوشتن هر صفحه‌ی وب است.

structure.html

<!DOCTYPE html>
<html>
<head>
    <title>عنوان تب مرورگر</title>
</head>
<body>

    <h1>این یک تیتر است</h1>
    <p>این یک پاراگراف است</p>

</body>
</html>

هر بخش چه نقشی دارد؟

<!DOCTYPE html> — به مرورگر می‌گوید سند از نوع HTML مدرن است و باید طبق آخرین استاندارد نمایش داده شود.
<html> — عنصر ریشه‌ای است که همه‌ی محتوای صفحه درون آن قرار می‌گیرد.
<head> — بخش اطلاعات پشت‌صحنه، شامل عنوان صفحه، لینک استایل‌ها و متادیتا؛ محتوای این بخش روی صفحه دیده نمی‌شود.
<title> — متنی که در تب مرورگر و نتایج موتورهای جست‌وجو نمایش داده می‌شود.
<body> — محل قرارگیری تمام محتوای قابل‌مشاهده‌ی صفحه؛ متن، تصویر، لینک و غیره.

نکته: در هر سند تنها یک عنصر <body> و یک عنصر <head> مجاز است و هر دو باید داخل <html> قرار بگیرند.

مرورگرها معمولاً حتی اگر بخشی از این ساختار ناقص باشد، سعی می‌کنند صفحه را نمایش دهند؛ اما برای اطمینان از سازگاری با همه‌ی مرورگرها و دستگاه‌ها، بهتر است همیشه ساختار کامل و استاندارد را رعایت کنید.

فصل قبل→ ویرایشگرها فصل بعدعناصر ←