comparte el articulo 

Insertar Flash de manera correcta con HTML

Actualizado el 05/10/2013 < > 1 Comentario

Resumen: Especificamos como incluir correctamente un archivo Flash dentro de nuestro HTML, para obtener un código totalmente apegado a los estándares.

Por muchos es sabido que el tener un sitio totalmente validado y acorde a los estándares de la w3c puede traer ciertos beneficios, como por ejemplo lo hace compatible con la mayoría de los navegadores, incluso en móviles, lo convierte en un lugar más amigable para que los mecanismos de búsqueda y rastreo hagan su trabajo lo que a su vez en teoría debe dar un mejor posicionamiento, aumenta su valor semántico, facilita el uso de herramientas externas sobre el contenido y garantiza que el código servirá en un futuro.

Al conocer esto muchos nos decidimos a empezar a crear sitios que realmente se apeguen y tomen en cuenta cada una de las reglas que son especificadas, de esa manera al terminar nuestro código pasamos a utilizar el validador de la w3c para confirmar que nuestro sitio se encuentra perfectamente estandarizado. Pero en la mayoría de las ocasiones se nos marcan problemas exactamente en la zona donde implementamos algún archivo Flash, y esto se debe a que aún utilizamos el elemento “embed” para insertar este tipo de animaciones, por ello en este artículo veremos como insertarlo de manera correcta.

Olvidate del elemento embed… por el momento

Por prácticas del pasado, es común que muchos aún recurran a utilizar el elemento “embed” para añadir archivos Flash a sus sitios de Internet, pero esto es incorrecto. La razón es sencilla, “embed” no es un estándar, es un elemento que fue introducido por Netscape mucho tiempo atrás para dar solución a la incrustación de objetos.

Durante mucho tiempo se utilizaron los elementos “Object” y “Embed” de manera conjunta, hasta que IE entro en juego y declaro a este último como obsoletos. Para definir la razón tendríamos que tomar unas cuantas clases de historia y ver como la w3c al final se decidió por utilizar una versión modificada del elemento “object”, propuesto por Microsoft, a pesar de las protestas de Netscape.

Desde entonces, si cargamos un archivo Flash de la siguiente manera:

<embed src="archivo.swf" width="300" height="300" allowscriptaccess="always" allowfullscreen="true"/>

Se obtiene una cadena de errores al momento de buscar la validación, y eso que no estamos utilizando el código generado directamente por el editor de Flash, que en ocasiones llega a ser varias líneas de código.

Pero aquí viene el twist de la historia, HTML5 esta introduciendo de nuevo el uso del elemento “embed” para cargar archivos de interacción con el contenido y aplicaciones externas que cuenten con extensiones como “.mov” y “.swf”. Para HTML5, el elemento “embed” será considerado como algo nuevo en sus revisiones, la manera de cargar dicho elemento será la siguiente:

<embed src="archivo.swf" />

Al igual que con la resurección de las etiquetas de estilo “i” y “b”, este caso da pie a la duda, HTML5 se ha dedicado a revivir elementos viejos por alguna extraña razón. No estamos diciendo que este mal simplemente no tenemos una razón concisa por la que continué haciendo esto, aunque debemos aclarar que HTML5 sigue en estado de desarrollo por lo que no debemos tomarlo como algo final.

Uso del elemento object

Dejando atrás a HTML5 por el momento, tenemos que tener en claro que la única etiqueta que nos resta por utilizar, para incluir un archivo Flash, es “object”. En la actualidad todos los navegadores la soportan por lo que no deberás tener problemas con tu implementación.

El código lucirá de la siguiente manera:

<object type="application/x-shockwave-flash" data="archivo.swf" width="750" height="400">
    <param name="archivo" value="archivo.swf" />
</object>

El elemento esta compuesto por varios atributos, entre los cuales podemos encontrar “type” que se encarga de definir el MIME type de lo que estamos insertando, en este caso estamos insertando un archivo flash por lo que le damos el valor correspondiente “application/x-shockwave-flash”. Indicamos la ruta del archivo mediante el atributo “data” y finalmente con “width” y “height” establecemos el tamaño del objeto.

Dentro del elemento “object” utilizamos otra etiqueta que lleva por nombre “param”, esta se encargará de establecer los parámetros necesarios para el plugin que definimos.

Conclusión

En conclusión, no podemos descartar del todo el uso del elemento “embed”, puesto que HTML5 en un futuro tenderá a ser el referente de la programación web, lo que si debemos considerar es que actualmente combinar “embed” con código HTML4 nos arrojará errores de validación y esto afectará si queremos estar apegados totalmente a los estándares.

Publicado el 23/03/2012, última actualización 05/10/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera - Diseño Paginas Web

Añadir Comentario (Subir al texto)

1 Comentario

  1. joy101

    gracias Daniel, me sirvió tu tutorial, efectivamente tenia un problema de incompatibilidad a la hora de insertar un sfw de flash, al insertarlo con “object” se resolvieron los problemas con los navegadores.
    muy agradecido

    Jueves, 5 de diciembre 2013

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras