El elemento embed es un elemento autónomo, o vacío (no se utiliza etiqueta de cierre), cuyo propósito es proporcionar un contenedor para contenido externo (como Flash) que requiere un plug-in o reproductor. Aunque se ha utilizado durante muchos años para mostrar Flash en páginas web, el elemento embed nunca fue un elemento oficial del W3C hasta HTML5.
Uno de los principios de diseño de HTML5 es “pave the cowpaths“, es decir, facilitar el uso válido de técnicas que, aunque soportadas por los navegadores, no formaban parte del estándar oficial del W3C.
Ejemplos y atributos de <embed>
Los atributos del elemento de embed comúnmente usados con los medios Flash son enumerados en la siguiente tabla:
| Atributo | Descripción y Valor |
|---|---|
| src | Nombre de archivo del medio Flash (archivo SWF). |
| height | Indica la altura del área del objeto en píxeles. |
| type | El tipo MIME (Multipurpose Internet Mail Extensions) del objeto; usa type=”application/x-shockwave-flash” |
| width | Indica el ancho del área del objeto en píxeles. |
| bgcolor | Opcional; valor hexadecimal para el color de fondo del flash. |
| quality | Opcional; describe la calidad del material, normalmente ajustada a “high”. |
| title | Opcional; especifica una breve descripción de texto que pueden mostrar los navegadores o las tecnologías de asistencia. |
| wmode | Opcional; configurado como “transparent” para configurar un fondo transparente en los navegadores compatibles. |
El siguiente código configura el archivo SWF de Flash como ejemplo:
<html lang="es">
<head>
<title>Ejemplo de Embed con Flash</title>
<meta charset="utf-8">
</head>
<body>
<embed type="application/x-shockwave-flash"
src="https://sites.google.com/site/htmldesdecero/archivos/Flashhtml5.swf"
width="640"
height="100"
quality="high"
title="Fall Nature Hikes">
</body>
</html>Observa el valor del atributo title en el código anterior. Se podía acceder al texto descriptivo mediante tecnologías de apoyo como, por ejemplo, un lector de pantalla.
Recursos de Flash
Hay muchas fuentes de animación Flash gratuita y tutoriales Flash en la Web. Además de los recursos del sitio de Adobe (http://adobe.com), los siguientes sitios web contienen tutoriales y noticias sobre Flash:
- Flash Kit: http://flashkit.com
- Kirupa: https://www.kirupa.com/developer/flash/index.htm
Al visitar estos y otros sitios de recursos Flash, ten en cuenta que algunos medios Flash tienen derechos de autor. Obtén el permiso del creador del medio antes de usarlo en su sitio y sigue las instrucciones para dar crédito a la fuente. Algunos sitios permiten el uso personal de sus medios Flash de forma gratuita, pero requieren licencias para su uso comercial.
Atributos globales
Los siguientes atributos son estándar en todos los elementos HTML. Por lo tanto, puedes usar estos atributos con la etiqueta <embed>, así como con todas las demás etiquetas HTML.
- accesskey
- autocapitalize
- class
- contenteditable
- data-*
- dir
- draggable
- hidden
- id
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- part
- slot
- spellcheck
- style
- tabindex
- title
- translate
Para una explicación completa de estos atributos, consulta los atributos globales HTML 5.
