Thẻ <object> HTML
- Trang trước <noscript>
- Trang tiếp theo <ol>
Định nghĩa và cách sử dụng
<object>
Thẻ định nghĩa khay của tài nguyên ngoài.
Tài nguyên ngoài có thể là trang web, hình ảnh, trình phát phương tiện hoặc ứng dụng plugin.
Để chèn hình ảnh, tốt nhất nên sử dụng thẻ <img>.
Để chèn HTML, tốt nhất nên sử dụng thẻ <iframe>.
Để chèn video hoặc âm thanh, tốt nhất nên sử dụng <video> và <audio> Thẻ
Xin xem thêm:
Hướng dẫn HTML:Thẻ HTML Object
Hướng dẫn tham khảo HTML DOM:Đối tượng Object
Plugin
<object>
Thẻ được thiết kế ban đầu để chèn plugin vào trình duyệt.
Plugin là chương trình máy tính mở rộng các chức năng tiêu chuẩn của trình duyệt.
Plugin có nhiều mục đích khác nhau:
- Chạy ứ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 thực 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ợ ứng dụng Java小程序 và các plugin.
Không có trình duyệt nào còn hỗ trợ các điều khiển ActiveX.
Ngày nay, các trình duyệt hiện đại đã ngừng hỗ trợ Shockwave Flash.
Mô hình
Ví dụ 1
Hình ảnh chèn:
<object data="tulip.jpg" width="300" height="300"></object>
Ví dụ 2
Trang HTML chèn:
<object data="/index.html" width="500" height="300"></object>
Ví dụ 3
Video chèn:
<object data="shanghai.mp4" width="640" height="300"></object>
Thuộc tính
Thuộc tính | Giá trị | Mô tả |
---|---|---|
data | URL | Định nghĩa URL của tài nguyên mà đối tượng phải sử dụng. |
form | ID biểu mẫu | Định nghĩa biểu mẫu mà đối tượng thuộc về. |
height | Pixel | Định nghĩa chiều cao của đối tượng. |
name | Tên | Định nghĩa tên của đối tượng. |
type | Loại phương tiện | Định nghĩa loại phương tiện của dữ liệu được chỉ định trong thuộc tính data. |
typemustmatch | true/false | Định nghĩa xem thuộc tính type có phải khớp với nội dung thực tế của tài nguyên mới hiển thị. |
usemap | #mapname | Định nghĩa tên của bản đồ hình ảnh khách hàng mà phải sử dụng cùng với đối tượng. |
width | Pixel | Định nghĩa độ rộng của đối tượng. |
Thuộc tính toàn cục
<object>
Thẻ này cũng hỗ trợ Thuộc tính toàn cục trong HTML.
Thuộc tính sự kiện
<object>
Thẻ này cũng hỗ trợ 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ẽ sử dụng giá trị mặc định sau để hiển thị phần tử <object>:
object:focus { outline: none; }
Hỗ trợ trình duyệt
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ |
- Trang trước <noscript>
- Trang tiếp theo <ol>