Placement correct des balises <script> en HTML : où et pourquoi ?
Bonjour à tous ! Je suis débutant en développement web et je n'arrive pas à comprendre où insérer correctement les scripts dans un document HTML. Dans différents tutoriels, j'ai vu différentes options : certains placent les scripts dans , d'autres à la fin de . J'ai essayé les deux options, mais je rencontre des problèmes.
Voici un exemple. J'ai un script simple qui change le texte dans un titre :
```javascript
document.getElementById('title').textContent = 'Nouveau titre';
```
Si j'insère ce script dans :
```html
Ancien titre
🍪
Сначала примите условия
Чтобы войти на сайт, необходимо принять соглашение об использовании файлов cookie.
Мы используем их для авторизации и улучшения работы сайта.
🍪 Мы используем файлы cookie для авторизации, аналитики и улучшения работы сайта.
Продолжая пользоваться сайтом, вы соглашаетесь с нашей
политикой конфиденциальности.
```
Alors dans la console du navigateur, une erreur apparaît : "Cannot read properties of null (reading 'textContent')". Mais si je déplace le script à la fin de , tout fonctionne.
Cependant, j'ai entendu dire que s'il y a beaucoup de scripts, leur placement dans peut accélérer le chargement de la page. Ou au contraire, le ralentir ? J'ai aussi vu que certains utilisent les attributs async et defer. Expliquez, s'il vous plaît, comment
🍪 Мы используем файлы cookie для авторизации, аналитики и улучшения работы сайта.
Продолжая пользоваться сайтом, вы соглашаетесь с нашей
политикой конфиденциальности.