📄عرض مصدر HTML

ما هو كود مصدر HTML

كود مصدر HTML هو نص يصف عناوين الويب والنص والموضع الصورة باستخدام علامات مثل h1 (عنوان) و p (فقرة)، ويقرأ المتصفح هذا لرسم الصفحة.

• عنصر head：يحتوي عنصر head على عنوان الصفحة (title) والنصوص الوصفية المستخدمة في نتائج البحث ومواقع التواصل الاجتماعي (meta) وتعيين CSS و JavaScript المحملة.
• تصريح ترميز الأحرف：يتم التصريح عن ترميز الأحرف بواسطة سمة charset في علامة meta (على سبيل المثال: charset="UTF-8")، وإذا كان التصريح والترميز الفعلي مختلفين فستحدث مشاكل في عرض الأحرف.

كيفية عرض مصدر الصفحة في المتصفح

في Chrome أو Edge على الكمبيوتر الشخصي، انقر بزر الماوس الأيمن على الصفحة واختر "عرض مصدر الصفحة" أو اضغط "Ctrl+U" على Windows أو "Command+Option+U" على Mac لعرض المصدر.

• في حالة الهاتف الذكي：غالبًا ما تفتقر متصفحات الهاتف الذكي إلى قائمة "عرض مصدر الصفحة"، لذا فإن استخدام أداة ويب تجلب المصدر بإدخال عنوان URL أسهل.

الفرق بين المصدر و HTML لأداة الفحص

"مصدر الصفحة" هو HTML الذي أرجعه الخادم في البداية، و HTML المعروض في أداة فحص المتصفح (أدوات المطور) هو الحالة بعد تنفيذ JavaScript وتعديله.

• العناصر التي لم تظهر：قد لا توجد الإعلانات والقوائم والعناصر الأخرى المضافة لاحقًا بواسطة JavaScript في HTML الذي أرجعه الخادم، لذلك قد لا تجدها عند عرض المصدر.