شرح صفوف ومحتوى الفقرة
عندما يعرض المتصفح ملف HTML يقوم بتحميل ملف التنسيقات الخاص بهذا الملف الذي تم الإشارة إليه داخل ملف HTML، ثم يقرأ المتصفح ألوان العناصر وطريقة عرضها، ثم يعرض المتصفح كل عنصر بتنسيقاته.
تتم هذه العملية على مراحل، هي:
- load HTML file يحصل المتصفح على مستند HTML من الشبكة أو من ملف محلي أو نسخة مخبأة.
- DOM tree إنشاء شجرة DOM في ذاكرة الكمبيوتر.
- fetch resources يطلب المتصفح الموارد المطلوبة مثل CSS والصور والبرامج، وقد يستخدم نسخًا مخبأة أو يؤجل تحميل بعضها. يمكن أن تتداخل هذه الخطوات.
- parse CSS يحلل المتصفح قواعد CSS ويحدد القواعد المطابقة والقيم الناتجة لكل عنصر وفق التتالي والوراثة.
- render tree and layout يبني معلومات العرض ويحسب أحجام العناصر ومواضعها قبل الرسم.
- painting يظهر العرض المرئي للصفحة على الشاشة (تسمى هذه المرحلة الرسم).
