وب چطور کار می‌کند

هر بار که نشانی یک سایت را در مرورگر می‌نویسید، سه چیز با هم کار می‌کنند: مرورگر شما، یک سرور در جایی از دنیا، و زبان‌هایی که صفحه با آن‌ها نوشته شده است. این درس همان مسیر را قدم‌به‌قدم نشان می‌دهد؛ هرچه بعداً یاد می‌گیرید روی همین تصویر می‌نشیند.

از نشانی تا صفحه

1. نشانی را می‌نویسید؛ مثلاً https://mashaalstudio.com. به این نشانی URL می‌گویند.
2. مرورگر از سیستم نام دامنه (DNS) می‌پرسد این نام روی کدام سرور است؛ درست مثل پیدا کردن شمارهٔ تلفن از روی اسم.
3. مرورگر با پروتکل HTTP از آن سرور صفحه را درخواست می‌کند (حرف s در https یعنی این گفت‌وگو رمزگذاری شده است).
4. سرور پاسخ می‌دهد: اول سند HTML، و بعد فایل‌هایی که آن سند نام برده است — CSS، تصویرها، جاوااسکریپت.
5. مرورگر HTML را می‌خواند، ساختار صفحه را می‌سازد، CSS را رویش اعمال می‌کند و جاوااسکریپت را اجرا می‌کند. حالا صفحه را می‌بینید.

سه زبان یک صفحه

• HTML ساختار و محتواست: چه چیزی روی صفحه هست — عنوان، پاراگراف، لینک، تصویر، فرم.
• CSS ظاهر است: رنگ، فونت، فاصله‌ها و چیدمان — همان محتوا با CSS دیگر، سایتی دیگر به نظر می‌رسد.
• جاوااسکریپت رفتار است: وقتی کلیک می‌کنید، چیزی را می‌نویسید یا صفحه را پایین می‌برید، چه اتفاقی بیفتد.

با چشم خودتان ببینید

همین حالا روی هر صفحه‌ای Ctrl+U بزنید (در مک Cmd+Option+U): کد HTML همان صفحه را می‌بینید. کلید F12 ابزار توسعه‌دهندهٔ مرورگر را باز می‌کند؛ در زبانهٔ Elements ساختار صفحه را زنده می‌بینید و با نگه داشتن ماوس روی هر خط، همان بخش صفحه روشن می‌شود.

<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <head>
    <title>یک صفحه</title>
  </head>
  <body>
    <p>سلام!</p>
  </body>
</html>