Thẻ HTML <object>
Định nghĩa và cách sử dụng thẻ <object>
Thẻ <object>
xác định container cho tài nguyên bên ngoài. Tài nguyên bên ngoài có thể là trang web, ảnh, trình phát media hoặc ứng dụng plug-in. Ví dụ:
Một hình ảnh nhúng:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Một trang HTML được nhúng:
<object data="snippet.html" width="500" height="200"></object>
Một video nhúng:
<object data="video.mp4" width="400" height="300"></object>
Lưu ý:
- Để nhúng ảnh, tốt hơn là sử dụng thẻ <img>.
- Để nhúng HTML, tốt hơn là sử dụng thẻ <iframe>.
- Để 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
Phần tử <object> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Các plug-in
Thẻ <object>
ban đầu được thiết kế để nhúng các plug-in của trình duyệt.
Plug-in 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.
Plug-in đã được sử dụng cho nhiều mục đích khác nhau:
- Chạy Java applet
- Chạy các đ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.
Các thuộc tính
Thuộc tính | Giá trị | Mô tả |
---|---|---|
data | URL | Chỉ định URL của tài nguyên sẽ được sử dụng bởi đối tượng |
form | form_id | Chỉ định hình thức mà đối tượng thuộc về |
height | pixels | Chỉ định chiều cao của đối tượng |
name | name | Chỉ định tên cho đối tượng |
type | media_type | Chỉ định loại dữ liệu media được chỉ định trong thuộc tính dữ liệu |
typemustmatch | true/false | Chỉ định xem thuộc tính loại và nội dung thực tế của tài nguyên có phải khớp để được hiển thị hay không |
usemap | #mapname | Chỉ định tên của bản đồ hình ảnh phía client sẽ được sử dụng với đối tượng |
width | pixels | Chỉ định chiều rộng của đối tượng |
Thuộc tính Global
Thẻ <object>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <object>
cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <object>
với các giá trị mặc định sau:
object:focus {
outline: none;
}
Bạn nên đọc
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:


Cũ vẫn chất
-
Cách sửa lỗi không thấy bộ điều hợp mạng trên Windows 10
Hôm qua -
4 cách kiểm tra lịch sử giao dịch BIDV trên điện thoại, máy tính
Hôm qua -
Cách dùng Terabox lưu trữ với 1TB miễn phí
Hôm qua 5 -
Hàm COUNTIFS, cách dùng hàm đếm ô theo nhiều điều kiện trong Excel
Hôm qua -
Dynamic System Updates là gì?
Hôm qua -
Cách chặn từ khóa và Hashtag trên Twitter
Hôm qua -
Valentine đen là gì? Valentine đen là ngày nào?
Hôm qua -
Các cách làm, tùy chỉnh trong bài sẽ giúp tăng tốc Windows 10 của bạn "nhanh như gió"
Hôm qua 6 -
Cách sao chép hoặc tạo bản sao toàn bộ trang tính trong Google Sheets
Hôm qua -
Sạc không dây là gì? Nó nhanh hơn hay chậm hơn sạc dây? Danh sách smartphone Android hỗ trợ sạc không dây
Hôm qua