El elemento <object> en HTML5 se usa para vincular cualquier archivo y recurso externo en forma de cualquier imagen o cualquier página web o contenido vinculado anidado o cualquier complemento que pueda hacer el mismo trabajo.
Sintaxis:
<object name="name"></object>
Usos elementales de <objeto/elemento:
Inicialmente, <objeto> está diseñado para incrustar las diferentes aplicaciones y complementos de navegador dentro de él, que se utiliza principalmente para ampliar la usabilidad de los navegadores.
Los atributos que se pueden pasar dentro de este elemento:
| Atributo | Valor | Descripción |
|---|---|---|
| datos | URL | Especifica la URL de los datos en el objeto. |
| escribe | tipo de medio | Especifica el tipo de medio de datos especificado en el atributo de datos. |
| tipo debe coincidir | booleano | Indica que el recurso debe incorporarse solo si el valor del atributo de tipo coincide con el tipo de recurso proporcionado en el atributo de datos. |
| alinear | izquierda, derecha, arriba, abajo | Define la alineación de los objetos. |
| frontera _ | píxeles | Especifica el borde alrededor del objeto. |
| altura | píxeles | Especifica la altura del objeto. |
| hespacio | píxeles | Especifica el espacio en blanco en los lados izquierdo y derecho del objeto. |
| espacio virtual | píxeles | Especifica el espacio en blanco en la parte superior e inferior del objeto. |
| ancho | píxeles | Especifica el ancho del objeto. |
| nombre | nombre | Especifica el nombre de un objeto. |
| forma | form_id | Especifica el ID del formulario al que pertenece el elemento del objeto. |
Ejemplo: aquí está el código de muestra que se ha opuesto a vincular imágenes, videos y cualquier enlace HTML de alguna otra página web:
HTML
<!DOCTYPE html> <html> <body> <h1>Example of an object element in HTML5</h1> <label>1.Image Example</label><br> <object data= "https://media.geeksforgeeks.org/wp-content/uploads/20210214171643/logo.png" width="400" height="300" border="2" name="obj1"></object><br><br> <label>2.Webpage Example</label><br> <object data="https://www.geeksforgeeks.org/" width="400" height="300" border="2" name="obj2"></object><br><br> <label>3.Video Example</label><br> <object data= "https://media.geeksforgeeks.org/wp-content/uploads/20210318163839/v.mp4" width="400" height="300" border="2" name="obj3"></object> </body> </html>
Publicación traducida automáticamente
Artículo escrito por KrishnaKripa y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA