Avatar ·

Colocación correcta de las etiquetas <script> en HTML: ¿dónde y por qué?

¡Hola a todos! Soy nuevo en desarrollo web y no logro entender dónde colocar correctamente los scripts en un documento HTML. En diferentes tutoriales he visto distintas opciones: unos escriben los scripts en , otros al final de . Probé ambas opciones, pero me encuentro con problemas. Aquí hay un ejemplo. Tengo un script simple que cambia el texto en un encabezado: ```javascript document.getElementById('title').textContent = 'Nuevo título'; ``` Si coloco este script en : ```html

Título antiguo

``` Aparece un error en la consola del navegador: "Cannot read properties of null (reading 'textContent')". Pero si muevo el script al final de — todo funciona. Sin embargo, he oído que si hay muchos scripts, colocarlos en puede acelerar la carga de la página. ¿O al contrario — ralentizarla? También vi que algunos usan los atributos async y defer. Expliquen, por favor, qué