مرورگر یک سند HTML را مشاهده می‌کند (تفسیر می‌کند)، ساختار آن (DOM) را می‌سازد و مطابق دستورالعمل‌های موجود در این فایل (سبک‌ها، اسکریپت‌ها) نمایش می‌دهد. اگر نشانه گذاری درست باشد، پنجره مرورگر یک صفحه HTML حاوی عناصر HTML - سرفصل ها، جداول، تصاویر و غیره را نشان می دهد.

فرآیند تفسیر (تجزیه)قبل از بارگیری کامل صفحه وب در مرورگر شروع می شود. مرورگرها از همان ابتدا اسناد HTML را به صورت متوالی پردازش می کنند، در حالی که CSS را پردازش می کنند و شیت های سبک را به عناصر صفحه مرتبط می کنند.

یک سند HTML از دو بخش - عنوان - بین تگ ها تشکیل شده است … و محتوا - بین برچسب ها …

.

ساختار صفحه وب

1. ساختار سند HTML

زبان HTML از قوانین موجود در فایل اعلان نوع سند پیروی می کند. (تعریف نوع سند یا DTD). DTD یک سند XML است که مشخص می کند کدام برچسب ها، ویژگی ها و مقادیر آنها برای یک نوع HTML خاص معتبر هستند. هر نسخه از HTML دارای DTD خاص خود است.

DOCTYPEمسئول نمایش صحیح صفحه وب توسط مرورگر است. DOCTYPE نه تنها نسخه HTML (به عنوان مثال html)، بلکه فایل DTD مربوطه را در وب نیز تعریف می کند.

عناصر درون یک تگ ، یک درخت سند تشکیل می دهند که به اصطلاح مدل شیسند، DOM (مدل شیء سند). در عین حال، عنصر عنصر ریشه است.

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

جدعنصری که حاوی عناصر دیگری است. در شکل 1، جد همه عناصر است . در عین حال، عنصر نیای تمام برچسب هایی است که شامل آن می شود:

,

, ,