Thẻ object trong HTML

Bởi

Ví dụ

Cách sử dụng thẻ <object> để nhúng file Flash: 

<object width=”400″ height=”400″ data=”helloworld.swf”></object>

Định nghĩa và cách dùng

Thẻ <object> định nghĩa một đối tượng nhúng trong tài liệu HTML. Chúng ta sử dụng phần tử này để nhúng các nội dung đa phương tiện (như audio, video, ứng dụng Java, ActiveX, PDF và Flash) trong các trang web của bạn.

Bạn có thể sử dụng thẻ <object> để nhúng trang khác vào bên trong tài liệu HTML.

Bạn có thể sử dụng thẻ <param> để truyền tham số cho các plugin đã được nhúng với thẻ <object>.

Trình duyệt hỗ trợ

Thẻ Chrome IE FireFox Safari Opera
<object>CóCóCóCóCó

Một số mẹo và chú ý

Lưu ý: Một thẻ <object> phải xuất hiện bên trong thẻ <body>. Văn bản giữa <object> và </object> là văn bản nội dung thay thế, trong trường hợp trình duyệt không hỗ trợ thẻ này.

Mẹo: Với hình ảnh bạn sử dụng thẻ <img> thay vì sử dụng thẻ <object>.

Mẹo: Ít nhất một trong hai thuộc tính “data” hoặc “type” phải được định nghĩa.

Sự khác biệt giữa HTML 4.01 và HTML5

Một số thuộc tính HTML 4.01 không được hỗ trợ trong HTML5.

Thuộc tính “form” là thuộc tính mới trong HTML 5.

Trong HTML5, các đối tượng (objects) có thể sử dụng để submitt form (gửi thông tin).

Trong HTML5, các đối tượng (objects) có thể không xuất hiện bên trong thẻ <head> của tài liệu.

Các thuộc tính

Thuộc tínhGiá trịMô tả
aligntop
bottom
middle
left
right		Không hỗ trợ trong HTML5.
Chỉ định vị trí của đối tượng <object> dựa trên các phần tử xung quanh
archiveURLKhông hỗ trợ trong HTML5.
Một không gian tách ra danh sách các URL của tài liệu lưu trữ. Các kho lưu trữ có chứa tài nguyên liên quan đến đối tượng
borderpixelsKhông hỗ trợ trong HTML5.
Chỉ định chiều rộng của đường viền bao quanh một đối tượng <object>
classidclass_IDKhông hỗ trợ trong HTML5.
Định nghĩa giá trị một class ID như thiết lập trong Windows Registry hoặc một URL
codebaseURLKhông hỗ trợ trong HTML5.
Định nghĩa nơi tìm code cho đối tượng
codetypemedia_typeKhông hỗ trợ trong HTML5.
Các kiểu media của mã liên kết bởi thuộc tính classid
dataURLChỉ định URL của nguồn sẽ được sử dụng bởi đối tượng
declaredeclareKhông hỗ trợ trong HTML5.
Định nghĩa một đối tượng chỉ nên khai báo, không được tạo ra hoặc khởi tạo cho đến khi cần
formform_idChỉ định một hoặc nhiều form mà đối tượng thuộc về
heightpixelsChỉ định chiều cao của đối tượng
hspacepixelsKhông hỗ trợ trong HTML5. Chỉ định khoảng trắng bên phải và trái của đối tượng
namenameChỉ định tên của đối tượng
standbytextKhông hỗ trợ trong HTML5.
Chỉ định một văn bản để hiển thị trong khi đối tượng được tải
typemedia_typeChỉ định kiểu media của dữ liệu trong thuộc tính data
usemap#mapnameChỉ định tên của một bản đồ hình ảnh phía máy khách sẽ được sử dụng với các đối tượng
vspacepixelsKhôgn hỗ trợ trong HTML5.
Chỉ định khoảng trắng (whitespace) trên đầu và cuối của đối tượng
widthpixelsChỉ định chiều rộng của đối tượng

Thiết lập CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị đối tượng <object> với các giá trị mặc định sau:

object:focus {
outline: none;
}

Bài viết liên quan:

  1. Thẻ p (văn bản) trong HTML Các đoạn văn bản được đánh dấu như sau trong HTML: Định nghĩa và cách dùng Thẻ p được dùng để xác định đoạn văn bản. Các trình duyệt tự...
  2. Thẻ embed trong HTML Ví dụ Nhúng một flash animation: Định nghĩa và cách dùng Thẻ <embed> định nghĩa một ứng dụng bên ngoài hoặc nội dung tương tác (một plug-in). Trình duyệt Thẻ...
  3. Thẻ kbd trong HTML Ví dụ Định dạng văn bản trong tài liệu:  Kết quả: Nhập từ bàn phím Định nghĩa và cách dùng Thẻ <kbd> là thẻ cụm từ. Nó định nghĩa thông...
  4. Thẻ dl trong HTML Ví dụ Một danh sách mô tả, với các thuật ngữ và các mô tả: Kết quả: Coffee Black hot drink Milk White cold drink Định nghĩa và cách dùng...
  5. Cách dùng thẻ label trong HTML Thẻ label dùng để định nghĩa nhãn cho các thẻ input trong HTML. Tác dụng của label là làm cho thao tác nhập liệu trở nên dễ dàng hơn. Code...

2 bình luận về “Thẻ object trong HTML”

Viết một bình luận