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 dùng WhatsApp web rất đơn giản
Hôm qua -
Bảng mã màu CSS, code color chuẩn trong thiết kế website
Hôm qua 1 -
Cách định dạng ngày tháng trong Excel
Hôm qua -
Đội hình Tây Ban Nha Euro 2024, Tây Ban Nha vs Croatia Euro 2024
Hôm qua -
Cách chụp màn hình iPhone dễ nhất, cho mọi dòng iPhone
Hôm qua -
3 cách phân cách hàng nghìn bằng dấu phẩy trong Excel
Hôm qua -
Cách kích hoạt Local User and Group Management trong Windows 11 và 10 Home
Hôm qua -
PhD, MD, MA, MSc, BA, BSc có nghĩa là gì?
Hôm qua -
Cách ghost máy tính bằng file *.tib chuẩn UEFI
Hôm qua -
Cách tính điểm thi vào lớp 10 năm 2025
Hôm qua