Thẻ <object> HTML
Thí dụ
Một hình ảnh được nhúng:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Thí dụ
Một trang HTML được nhúng:
<object data="snippet.html" width="500" height="200"></object>
Thí dụ
Một video được nhúng:
<object data="video.mp4" width="400" height="300"></object>
Định nghĩa và Cách sử dụng
Thẻ <object>
xác định vùng chứa cho tài nguyên bên ngoài.
Tài nguyên bên ngoài có thể là một trang web, một hình ảnh, một trình phát đa phương tiện hoặc một ứng dụng plug-in.
Để nhúng một bức tranh, tốt hơn là sử dụng <img>
thẻ.
Để nhúng HTML, tốt hơn là sử dụng <iframe>
thẻ.
Để nhúng video hoặc âm thanh, tốt hơn là sử dụng các thẻ <video>
và <audio>
.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<object> | Yes | Yes | Yes | Yes | Yes |
Bổ sung
Ban đầu, <object>
thẻ được thiết kế để nhúng các Trình cắm của trình duyệt.
Trình cắm là các chương trình máy tính mở rộng chức năng tiêu chuẩn của trình duyệt.
Các trình cắm đã được sử dụng cho nhiều mục đích khác nhau:
- Chạy các ứng dụng Java
- Chạy điều khiển ActiveX
- Hiển thị phim Flash
- Hiển thị bản đồ
- Quét virus
- Xác minh id ngân hàng
Cảnh báo !
Hầu hết các trình duyệt không còn hỗ trợ Java Applet và Plug-in.
Điều khiển ActiveX không còn được hỗ trợ trong bất kỳ trình duyệt nào.
Hỗ trợ cho Shockwave Flash cũng đã bị tắt trong các trình duyệt hiện đại.
Thuộc tính
Attribute | Value | Description |
---|---|---|
data | URL | Specifies the URL of the resource to be used by the object |
form | form_id | Specifies which form the object belongs to |
height | pixels | Specifies the height of the object |
name | name | Specifies a name for the object |
type | media_type | Specifies the media type of data specified in the data attribute |
typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
width | pixels | Specifies the width of the object |
Thuộc tính toàn cầu
Thẻ <object>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <object>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các trang liên quan
Hướng dẫn HTML: Phần tử đối tượng HTML
Tham chiếu DOM HTML: Đối tượng Đối tượng
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <object>
phần tử với các giá trị mặc định sau:
object:focus {
outline: none;
}