A fin de etiquetar instrucciones
independientes de video y audio, incluiremos archivos multimedia externos al
código HTML, acorde a las reglas de este lenguaje.
El desconocimiento de las
etiquetas de HTML para marcar archivos multimedia ajenos a este lenguaje,
conlleva a una ejecución incorrecta en la página web y, muchas veces, la visualización con errores. Debido a ello
identificaremos el uso de las etiquetas iframe,
object y embed del lenguaje HTML.
Cuando
creamos documentos HTML, en ocasiones incluimos códigos de otros lenguajes para
realizar funciones adicionales. Por ello, identificaremos el uso de las
siguientes etiquetas especiales:
Cada una
tiene beneficios y características diferentes, las cuales es necesario
identificar según el tipo de multimedia utilizada.
061-01_1210_ilu01.
Interrogante entre etiquetas de incrustación
En el
estándar HTML5.3, encontramos las etiquetas iframe,
object y embed en la
clasificación Embedded Content, debido
a la posibilidad de incrustar multimedia en un documento HTML y otros lenguajes
o aplicaciones ajenos al lenguaje de marcado. Dichas etiquetas son parecidas por
la especificación de sus atributos:
- Src y data para indicar la ubicación del archivo.
- Width para indicar el ancho
de la pantalla ocupado por ese archivo.
- Height para indicar el alto
de la pantalla ocupado por ese archivo.
Sin
embargo, cada una tiene atributos adicionales recomendados en el estándar
oficial de HTML.
061-01_1210_ilu02. Atributos
de etiquetas de incrustación
Ahora,
veamos un ejemplo de estas etiquetas con un video, donde todas:
- Tienen atributos para ubicar el archivo de video.
- Pertenecen al contenido de incrustación en el lenguaje HTML.
- Muestran el video como se encuentra en la vista del usuario.
Sin embargo, la única correcta
para este tipo de caso es video, por
ser el elemento a mostrarse. De esta forma semánticamente concuerda con el
significado de la etiqueta.
061-01_1210_ilu03. Incrustación
correcta e incorrecta de video
El uso
correcto es el siguiente:
- Con video mostramos
la multimedia incluida en el proyecto web.
- Con iframe, embed y
object mostramos la multimedia ajena
al contenido HTML.
En el siguiente ejemplo incrustamos
en el documento videos del servidor de Youtube.
061-01_1210_ilu04. Correcta incrustación externa de video
La
diferencia radica en que iframe se
usa para representar contenido unido al documento HTML, sin embargo, es otro recurso; embed es para aplicaciones externas, y normalmente para contenidos
interactivos; y object es para
cualquier tipo de recurso externo.
Keynotes
- Cuando creamos documentos HTML, en
ocasiones incluimos códigos de otros lenguajes para realizar funciones
adicionales. Por ello, identificaremos el uso de las siguientes etiquetas
especiales: iframe, object y embed,
- En el estándar HTML5.3, encontramos
las etiquetas iframe, object y embed en la clasificación Embedded Content, debido a la
posibilidad de incrustar multimedia en un documento HTML y otros lenguajes o
aplicaciones ajenos al lenguaje de marcado.
- La diferencia radica en que iframe se usa para representar contenido
unido al documento HTML, sin embargo,
es otro recurso; embed es para
aplicaciones externas, y normalmente para contenidos interactivos; y object es para cualquier tipo de recurso
externo.
RetoCrea un cuadro comparativo
de las etiquetas utilizadas para la inclusión de archivos multimedia externos al
código HTML, según las reglas de este lenguaje.
¡Comparte el resultado
final de tu reto en tu vPages y contacta
a un experto para que agregue un comentario de complemento a tu cuadro
comparativo!
Tiempo disponible: entre 15
y 30 minutos.
CierreCon disciplina y
organización implementamos correctamente las etiquetas iframe, object y embed
del lenguaje HTML, e incluimos archivos multimedia externos al código HTML acorde
las reglas de este lenguaje, para darle el sentido y la visualización correcta
a una página web. Con organización
determinaremos las etiquetas a utilizar para instrucciones independientes de
video y audio.
