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;
}
342
Bạn nên đọc
0 Bình luận
Sắp xếp theo

Xóa Đăng nhập để Gửi

Cũ vẫn chất
-
Cách tạo mã lì xì trên MoMo nhận mã Giật Lì xì khủng
Hôm qua -
5 cách tra cứu mã số thuế TNCN nhanh, đơn giản
2 ngày -
Văn khấn cúng xe cuối năm, bài khấn cúng xe tất niên
Hôm qua -
Tra cứu mã số thuế người phụ thuộc như thế nào?
Hôm qua -
4 cách thay đổi loại tài khoản người dùng trong Windows
2 ngày 1 -
Code Anime Fighters Simulator mới nhất tháng 16/02/2025
Hôm qua -
Những phim hay trên Netflix bạn không muốn bỏ lỡ 2025
Hôm qua -
Khối D01 thi môn nào, học ngành nào?
Hôm qua -
Những mạng riêng ảo hữu ích trên Google Chrome
2 ngày -
Cách khắc phục thư mục Downloads không phản hồi trên Windows
Hôm qua