Etiqueta <object> en HTML

eduardobpe · #1 (**permalink**) 19/05/2012, 10:44

Hola, soy nuevo en el foro y este es mi primer mensaje.
Me gustaría preguntaros si conoceis alguna fuente fiable (página web, libro, etc) o alguno mismo sabe la lista completa de elementos que pueden ser insertados en una página web con la etiqueta <object>, así como de los atributos adecuados de esta etiqueta para cada uno de esos elementos.
Me gustaría saber si hay alguna fuente que lo explique de forma profunda, pues lo más que he encontrado en varias páginas web de internet es una explicación mala y superficial.

Aprovechando este mensaje, también me gustaría preguntaros otra duda relacionada con el uso de la etiqueta <object> junto a la etiqueta <param> cuando se usan para embeber un vídeo o animación Flash en una página web.
Como muchos sabreis, muchas veces se utilizan varias etiquetas <param> dentro de una etiqueta <object> para pasar a dicho objeto ciertas variables y valores.
Lo que me gustaría saber es que tipo de parámetros y valores (atributos name y value de <param>) pueden ser especificados con la etiqueta <param name="..." value="..."> dentro de una etiqueta <object> para el caso de animaciones y vídeos en Flash.

emprear · #2 (**permalink**) 19/05/2012, 14:18

En primer lugar, bienvenido a FDW @eduardobpe

Con <object> podés poner infinidad de cosas, otra cuestión es si el navegador va a visualizar el contenido ó va a requerir un plugin, todo dependerá basicamente el contenido mime (que se define en el atributo type del object)

ejemplos
estos te los va a mostrar todos....
<object type="image/jpeg" data="logo.jpg" width="200" height="200">
<object type="text/html" data="nota.html" width="200" height="200">
<object type="text/plain" data="info.txt" width="200" height="200">

aqui va a hacer falta algún plugin
<object type="application/pdf" data="chart.pdf" width="200" height="200">
<object type="application/x-shockwave-flash" data="b.swf" width="200" height="200">

En cuanto a los params, no siempre son los mismos, y muchos de ellos son opcionales.
En IE casi siempre es necesario un param de atributo
src
movie
file
Dependiendo de lo que estés cargando, en flash es movie, para pdf es src
En otros casos(no todos, para flash ya no es necesario), para IE necesitas definir un atributo especial
classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
El numero varía y asocia al contenido con una clave registrada en el registro de windows para el plugin correspondiente (quicktime por ejemplo)

googlea un poco con "tag object", hay infinidad de información

Saludos

eduardobpe · #3 (**permalink**) 20/05/2012, 04:26

Cita:

Iniciado por emprear

En primer lugar, bienvenido a FDW @eduardobpe

Gracias por la bienvenida y por la ayuda @emprear.
Como dices, googlearé un poco más de lo que ya he hecho para buscar información sobre <object> y <param> caso por caso, ya que cambia de un tipo de objeto a otro.

Desde mi mensaje anterior, he estado buscando información acerca de los atributos classid, codebase y codetype de la etiqueta <object>.
En el estándar de HTML 4.01 pone lo siguiente:

Cita:

classid = URI
Este atributo puede utilizarse para especificar la localización de la implementación de un objeto mediante un URI. Puede usarse junto con, o como alternativa al atributo data, dependiendo del tipo de objeto involucrado.

codebase = URI
Este atributo especifica la ruta de acceso base (base path) utilizado para completar los URIs relativos especificados por los atributos classid, data y archive. Si está ausente, su valor por defecto es el URI base del documento actual.

codetype = tipo de contenido (tipo MIME)
Este atributo especifica el tipo esperado de contenido de datos cuando se carga el objeto especificado por classid. Este atributo es opcional pero se recomienda cuando se especifica classid ya que permite que el agente de usuario evite la carga de información de tipos de contenido que no soporta. Cuando está ausente, su valor por defecto es el valor del atributo type.

He consultado varias páginas web que hablan sobre esto, pero solo han logrado confundirme más.

Respecto al atributo classid: ¿es lo mismo que el atributo data de <object>?.
En algunos sitios he leído que se utiliza para indicar la URL del ejecutable que debe manejar el contenido de <object>, pero esto creo que no es correcto según lo explicado en el estándar HTML, que dice que se utiliza para indicar la localización de la implementación del objeto.
Lo que no entiendo es lo de "implementación del objeto"; ¿implementación quiere decir los datos del objeto?.
Más que nada, lo digo porque dicho estándar explica el atributo data de <object> de la siguiente manera:

Cita:

data = URI
Este atributo puede utilizarse para especificar la localización de los datos del objeto

En este último atributo dice "especificar la localización de los DATOS del objeto", no dice IMPLEMENTACIÓN como en el caso del atributo classid, ¿cuál es la diferencia?.

emprear · #4 (**permalink**) 20/05/2012, 11:57

Es porque tenés un pequeño error en tus datos, classid puede ser
un recurso URI, como la url a un archivo, o un clsid, siendo este último solamente utilizado por IE para Windows.

eduardobpe · #5 (**permalink**) 21/05/2012, 10:02

Me acabo de dar cuenta @emprear, cuando he visto tu respuesta de más arriba en el navegador Chromium, que este navegador intenta mostrar los object de ejemplo que has introducido, pero como los URI son inválidos, solo muestra huecos en blanco.
En cambio, Firefox no intenta renderizar los <object> y muestra tan solo las líneas de código que has escrito:

Cita:

emprear · #6 (**permalink**) 21/05/2012, 11:34

Cita:

Iniciado por eduardobpe

Me acabo de dar cuenta @emprear, cuando he visto tu respuesta de más arriba en el navegador Chromium, que este navegador intenta mostrar los object de ejemplo que has introducido, pero como los URI son inválidos, solo muestra huecos en blanco.
En cambio, Firefox no intenta renderizar los <object> y muestra tan solo las líneas de código que has escrito:

Si, obviamente son solo ejemplos, lo del hueco en blanco, o que no te muestre nada es natural, ahora eso que decís del firefox, no tiene que mostarte ningun código

Creo que deberías crear tus propios ejemplos he ir probando.
Ya no entiendo muy bien a que apuntan todas tus preguntas

eduardobpe · #7 (**permalink**) 22/05/2012, 03:23

Cita:

Creo que deberías crear tus propios ejemplos he ir probando.
Ya no entiendo muy bien a que apuntan todas tus preguntas

Solo quería conocer bien para que sirven todos los atributos de la etiqueta <object>.
Como por ejemplo, lo que decía en un mensaje anterior respecto a los atributos classid y data, que no entiendo la diferencia entre ellos.

Por ejemplo:

Código HTML:

Ver original<object classid="java:Paquete/Aplicacion.class" codetype="application/java"
    width="700" height="700" title="Applet del método gráfico" data="/tutorial/applets/appl/"
    archive="/tutorial/applets/jar/Aplicacion.jar, /tutorial/applets/jar/mysql-connector-java-5.1.7-bin.jar"
    codebase="/tutorial/applets/appl/" >
</object>

En este ejemplo de arriba, el atributo classid indica el nombre de la clase Java en la que está implementado el applet, y no se utiliza para nada el atributo data.
En cambio, en el siguiente ejemplo:

Código HTML:

Ver original<object type="image/gif" data="images/imagen.gif"></object>

si se utiliza el atributo data para indicar donde están los datos de la imagen, y no se utiliza el atributo classid.
Entonces, ¿en qué se diferencia classid de data?. Parece que sirven para indicar donde está localizado el recurso que se quiere mostrar con la etiqueta <object>, pero por ejemplo, para insertar un applet se utiliza el atributo classid y no el atributo data.

emprear · #8 (**permalink**) 22/05/2012, 12:33

Te fuiste a buscar el ejemplo ás dificil de explicar (me refiero al primero)
En html4 y hasta xhtml transitional existía la etiqueta <applet> para insertar aplicaciones java, como para xhtml strict y html5 esa etiqueta se depreció, la alternativa sugerida fué la utilización del tag <object>, no siendo requerido en este caso el atributo data.
un entendimiento completo de las variantes al combinar atributos, requeriría un lectura de
http://www.w3.org/TR/2004/WD-xhtml2-..._object_object
ó
http://dev.w3.org/html5/spec/the-obj...object-element

Saludos

eduardobpe · #9 (**permalink**) 23/05/2012, 02:21

Gracias por tus respuestas @emprear.
Leeré los enlaces que has escrito en tu último mensaje.

Actualizado: el enlace http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-object.html#edef_object_object creo que contiene la especificación de XHTML 2, que tengo entendido que fue cancelado para dejar paso a HTML 5. De todas formas, lo estoy leyendo y, por si a alguien le interesa contiene información interesante acerca de cómo funciona la etiqueta <object> en profundidad.