انتقل إلى محتوى الدرس

Loading Scripts with Script Element تحميل ملفات السكريبت برأس الصفحة

تعلم استخدام عنصر رأس الصفحة head في HTML: أتقن تحديد عنوان المستند، وربط ملفات التنسيق الخارجية، وتضمين الأنماط، وجدولة السكريبت المؤجل defer، وضبط المسارات الافتراضية والبدائل.
5 صفوف تعليمية
لغة HTML
17,553 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يتولى عنصر السكريبت <script> استدعاء أو كتابة الشيفرات البرمجية التنفيذية. عند وضع السكريبت داخل رأس الصفحة دون خصائص تحكم، يوقف المتصفح تحليل شجرة العناصر فوراً حتى يكتمل تنزيل الملف وتنفيذه، مما يسبب بطء ظهور واجهة المستخدم.
الصف 2 صورة توضيحية
مقارنة مسارات تحميل وتنفيذ ملفات السكريبت classic وasync وdefer
الصف 3 شرح توضيحي
لحل مشكلة تعطيل تحليل الصفحة، يقدم معيار HTML5 خاصيتين تنفيذيتين هما defer و async. تضمن خاصية defer تنزيل الملفات في الخلفية مع تنفيذها بترتيبها الصارم فور اكتمال بناء شجرة عناصر الصفحة، مما يجعلها الخيار القياسي الموصى به لملفات رأس الصفحة.
الصف 4 كود برمجي
HTML
<!-- Non-blocking deferred script in head -->
<script src="/examples/global.js" defer></script>
الصف 5 ملاحظة هامة