Avatar ·

الموضع الصحيح لوسوم <script> في HTML: أين ولماذا؟

مرحباً بالجميع! أنا مبتدئ في تطوير الويب ولا أستطيع فهم أين يجب وضع السكريبتات بشكل صحيح في مستند HTML. في دروس مختلفة رأيت خيارات متنوعة: البعض يكتب السكريبتات في ، والبعض الآخر في نهاية . جربت كلا الخيارين، لكني أواجه مشاكل. إليك مثال. لدي سكريبت بسيط يغير النص في العنوان: ```javascript document.getElementById('title').textContent = 'عنوان جديد'; ``` إذا وضعت هذا السكريبت في : ```html

عنوان قديم

``` يظهر خطأ في وحدة تحكم المتصفح: "Cannot read properties of null (reading 'textContent')". أما إذا نقلت السكريبت إلى نهاية ، فكل شيء يعمل. لكني سمعت أنه إذا كان هناك العديد من السكريبتات، فإن وضعها في قد يسرع تحميل الصفحة. أو العكس - قد يبطئها؟ ورأيت أيضاً أن البعض يستخدم الخصائص async و defer. اشرحوا لي، من فضلكم، كيف