<object>: The External Object element
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phần tử <object> trong HTML đại diện cho một tài nguyên bên ngoài, có thể được coi là hình ảnh, ngữ cảnh duyệt web lồng nhau, hoặc tài nguyên được xử lý bởi plugin.
Try it
<object
type="video/mp4"
data="/shared-assets/videos/flower.mp4"
width="250"
height="200"></object>
Thuộc tính
Phần tử này bao gồm thuộc tính toàn cục.
archiveDeprecated-
Danh sách các URI cách nhau bằng dấu cách dùng cho các kho lưu trữ tài nguyên của đối tượng.
borderDeprecated-
Chiều rộng của đường viền xung quanh phần điều khiển, tính bằng pixel.
classidDeprecated-
URI của phần triển khai đối tượng. Nó có thể được sử dụng cùng với, hoặc thay thế cho, thuộc tính data.
codebaseDeprecated-
Đường dẫn cơ sở dùng để giải quyết các URI tương đối được chỉ định bởi classid, data hoặc archive. Nếu không được chỉ định, mặc định là URI cơ sở của tài liệu hiện tại.
codetypeDeprecated-
Loại nội dung của dữ liệu được chỉ định bởi classid.
data-
Địa chỉ của tài nguyên dưới dạng URL hợp lệ. Ít nhất một trong data và type phải được xác định.
declareDeprecated-
Sự hiện diện của thuộc tính Boolean này làm cho phần tử này chỉ là khai báo. Đối tượng phải được khởi tạo bởi phần tử
<object>tiếp theo. Lặp lại phần tử<object>đầy đủ mỗi khi tài nguyên được sử dụng lại. form-
Phần tử form, nếu có, mà phần tử object được liên kết (chủ sở hữu form của nó). Giá trị của thuộc tính phải là ID của phần tử
<form>trong cùng tài liệu. height-
Chiều cao của tài nguyên được hiển thị, là
<integer>tính bằng CSS pixels. name-
Tên của ngữ cảnh duyệt web hợp lệ (HTML5), hoặc tên của phần điều khiển (HTML 4). Tên trở thành thuộc tính của các đối tượng
WindowvàDocument, chứa tham chiếu đến cửa sổ nhúng hoặc chính phần tử đó. standbyDeprecated-
Thông báo mà trình duyệt có thể hiển thị trong khi đang tải phần triển khai và dữ liệu của đối tượng.
type-
Loại nội dung của tài nguyên được chỉ định bởi data. Ít nhất một trong data và type phải được xác định.
usemapDeprecated-
Tham chiếu tên-hash đến phần tử
<map>; tức là '#' theo sau bởi giá trị củanamecủa phần tử map. width-
Chiều rộng của tài nguyên được hiển thị, là
<integer>tính bằng CSS pixels.
Ví dụ
Nhúng video
HTML
<object
type="video/webm"
data="/shared-assets/videos/flower.webm"
width="600"
height="140">
<img
src="/shared-assets/images/examples/flowers.jpg"
alt="Some beautiful flowers" />
</object>
Kết quả
Nếu video trong ví dụ không tải được, người dùng sẽ được cung cấp hình ảnh như nội dung dự phòng. Thẻ <img> được sử dụng để hiển thị hình ảnh. Chúng ta bao gồm thuộc tính src được đặt thành đường dẫn đến hình ảnh muốn nhúng. Chúng ta cũng bao gồm thuộc tính alt, cung cấp cho hình ảnh một tên có thể tiếp cận. Nếu hình ảnh cũng không tải được, nội dung của thuộc tính alt sẽ được hiển thị.
Tóm tắt kỹ thuật
| Danh mục nội dung |
Nội dung luồng;
nội dung cụm từ;
nội dung nhúng, nội dung hữu hình; nếu phần tử có
thuộc tính usemap, nội dung tương tác;
liệt kê,
có thể gửi
phần tử liên kết form.
|
|---|---|
| Nội dung được phép |
Không hoặc nhiều phần tử <param>, sau đó
trong suốt.
|
| Bỏ qua thẻ | Không được phép, cả thẻ mở và thẻ đóng đều bắt buộc. |
| Phần tử cha được phép | Bất kỳ phần tử nào chấp nhận nội dung nhúng. |
| Vai trò ARIA ngầm định | Không có vai trò tương ứng |
| Vai trò ARIA được phép |
application, document, img
|
| Giao diện DOM | HTMLObjectElement |
Đặc tả
| Specification |
|---|
| HTML # the-object-element |