Scripts y Elementos Embebidos

Scripts y Elementos Embebidos en HTML

Este bloque introduce JavaScript y contenido externo dentro de HTML, mostrando cómo interactuar con la página y añadir elementos multimedia.

JavaScript embebido (<script> inline)

Ejemplo de código JavaScript dentro de la página:

Explicación: El atributo onclick ejecuta código JavaScript cuando se hace clic.

JavaScript externo (<script> externo)

Se puede vincular un archivo .js externo:

<script src="scripts/mi_script.js"></script>

Explicación: Mantiene el código separado del HTML, facilitando mantenimiento y reutilización.

<noscript>

Explicación: Se muestra contenido alternativo si JavaScript no está disponible.

Objetos y plugins (<embed>, <object>, <param>)

Ejemplo de contenido multimedia embebido:

<embed src="video_ejemplo.mp4" type="video/mp4" width="300" height="200">
<object data="video_ejemplo.mp4" type="video/mp4" width="300" height="200">
    <param name="autoplay" value="true">
    Tu navegador no soporta este contenido.
</object>

Explicación: Permite incrustar multimedia o plugins dentro de la página.

Marcos embebidos (<iframe>)

Ejemplo de código de un iframe:

<iframe src="https://www.example.com" width="400" height="200" sandbox="allow-scripts allow-same-origin"></iframe>

Explicación: Inserta otra página web dentro de la actual. El atributo sandbox mejora la seguridad limitando acciones del contenido externo.

Buenas prácticas y seguridad

Evitar usar JavaScript inline para código complejo.
Usar archivos externos y mantenerlos organizados.
Usar sandbox y atributos seguros en <iframe>.
Validar contenido externo antes de incrustarlo.

Resumen

Insertar código JavaScript directamente con <script> inline o desde archivos externos.
Usar <noscript> para contenido alternativo cuando JavaScript está desactivado.
Incrustar contenido multimedia con <embed>, <object> y <param>.
Incorporar otras páginas web mediante <iframe> con atributos de seguridad como sandbox.
Seguir buenas prácticas: evitar código inline complejo, organizar scripts externos y validar contenido externo.