# La etiqueta HTML script de un vistazo Puedes utilizar `` de cierre marca el final del script. Por tanto, la estructura sintáctica básica es la siguiente: ```html ``` Si escribes el código JavaScript directamente en el elemento, no necesitas más parámetros. Para una referencia a un script externo, también necesitas el [atributo HTML](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/atributos-html/) `src` (del inglés *source*, fuente). La sintaxis extendida para HTML ` ``` ### Ejemplo de integración directa de JavaScript Ilustramos la sintaxis y funcionalidad de la integración directa de JavaScript a través de la etiqueta HTML ` ``` Consejo Es aconsejable incluir un **texto alternativo** que se presente en el lugar del script si este no puede ejecutarse (por ejemplo, porque un usuario tiene [JavaScript desactivado](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/desactivar-javascript/) Para ello, basta con utilizar el elemento `

Botón JavaScript de ejemplo: integración mediante enlace¡Haz clic!`? La etiqueta HTML `<script>` puede combinarse con una serie de atributos. Los más importantes son los siguientes: - `async`: con este atributo, te aseguras de que un script externo se descarga y ejecuta en paralelo a la interpretación del código de la página tan pronto como esté disponible (incluso si la página aún no está completamente cargada). - `crossorigin`: si deseas establecer el modo de petición del script para peticiones HTTP [CORS](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/cross-origin-resource-sharing/), utiliza el atributo `crossorigin`. - `defer`: si se establece el atributo `defer`, también se descarga un script externo en paralelo a la interpretación del código de la página. Sin embargo, solo se ejecuta cuando la página se ha interpretado completamente. - `integrity`: para aumentar la seguridad, puedes añadir el atributo `integrity` a `<script>`. Este garantiza que los navegadores puedan comprobar el script recuperado. Esto asegura que el código nunca se cargue si el código fuente ha sido manipulado. - `nomodule`: con `nomodule` te aseguras de que tus scripts no se ejecuten en navegadores que soporten módulos ES2015. - `referrerpolicy`: si deseas especificar qué información de referencia debe enviarse cuando se llama a un script, utiliza el atributo `referrerpolicy`. Los valores posibles incluyen `no-referrer` (no referrer page) y `strict-origin` (referrer always origin domain). - `src`: el atributo `src` especifica la URL de un script externo. - `type`: con este atributo (ahora opcional), puedes especificar qué contiene el elemento HTML `<script>`. Además del script clásico, también son posibles los módulos ECMAScript (`module`) y los mapas de importación (`importmap`) con reglas para las importaciones de módulos ECMAScript, por ejemplo. This is a markdown version of: [https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/html-script/](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/html-script/) for AI/LLM consumption.