w3docs logo
¿Dónde se utiliza la etiqueta <script>?
Iniciar Quiz - "HTML Fundamentos"

Uso de la etiqueta <script> en HTML

La correcta respuesta a la pregunta "¿Dónde se utiliza la etiqueta <script>?" es "En ambas etiquetas <head> y <body>". Esto significa que en HTML, puedes agregar la etiqueta <script> tanto en la sección de <head> como en la sección de <body> del documento.

La etiqueta <script> se usa para insertar o hacer referencia a un código JavaScript dentro de un archivo HTML. Este código JavaScript puede ser utilizado para manejar eventos, añadir interactividad, validar formularios, entre otras funciones.

Uso de la etiqueta <script> en <head> y <body>

Cuando la etiqueta <script> se coloca en el <head> del documento HTML, el JavaScript se carga antes que el contenido visible de la página, lo que significa que el usuario no verá nada en su navegador hasta que todo el JavaScript se haya cargado y ejecutado. Por ejemplo:

<!DOCTYPE html>
<html>
<head>
  <script src="script.js"></script>
</head>
<body>
  <!-- El contenido del cuerpo va aquí -->
</body>
</html>

Sin embargo, si colocas la etiqueta <script> al final del <body>, el contenido de la página se cargará antes que el JavaScript, lo que puede ayudar a mejorar la velocidad de visualización del contenido de la página en el navegador. Ejemplo:

<!DOCTYPE html>
<html>
<body>
  <!-- El contenido del cuerpo va aquí -->

  <script src="script.js"></script>
</body>
</html>

Mejores prácticas

Por razones de rendimiento, es generalmente mejor colocar las etiquetas <script> justo antes del cierre de la etiqueta </body>. De esta manera, el código JS no bloqueará el renderizado del contenido de la página y los usuarios no tendrán que esperar a que se cargue y ejecute todo el JavaScript antes de poder ver la página.

Además, siempre es recomendable el uso de la etiqueta async o defer cuando se hacen referencias externas al script, para optimizar el tiempo de carga de la página.

Finalmente, recordar que la elección de dónde colocar la etiqueta <script> dependerá en última instancia del comportamiento específico que deseas lograr con tu JavaScript para tu sitio web.

Related Questions

¿Te resulta útil?