Thẻ <object> trong HTML

Thẻ <object> trong HTML

  • Tag <object> được sử dụng để chứa các đối tượng như hình ảnh, âm thanh, video, Java applet, ActiveX, PDF, và Flash.
  • Tag <object> được dự định để thay thế các yếu tố <img /><applet>. Tuy nhiên, do lỗi và thiếu hỗ trợ trình duyệt nên điều này đã không xảy ra.
  • Các trình duyệt hỗ trợ khác nhau tùy vào các đối tượng, tuy nhiên phần lớn các trình duyệt sử dụng các đoạn code khác nhau trong cùng một loại đối tượng.
  • Trong trường hợp các trình duyệt không hiển thị được đối tượng thì đoạn code bên trong <object></object> sẽ được xuất hiện để thông báo.

Chú ý: Không sử dụng tag <object> cho images, sử dụng <img /> để thay thế

Sự khác nhau giữa HTML4.01 và HTML5

HTML4.01HTML5
-Một số thuộc tính không được hỗ trợ.
-Có thể sử dụng và submit trong < form >.

Cấu trúc

<object></object>

Ví dụ

<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="180" height="150" title="Ví dụ thành phần object">
<param name="movie" value="/common/swf/effect01.swf" />
<param name="quality" value="high" />
<embed src="/common/swf/effect01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="150"></embed>
</object>

Tag <param /> xác định thời gian chạy cài đặt cho đối tượng.

Trình duyệt hỗ trợ

39image-32

<object> được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng:

<object thuoctinh="giatri"></object>

Thuộc tính tùy chọn

Thuộc tínhGiá trịVí dụMô tả
Thuộc tính như HTML4.01
dataURLdata="ref.html"Xác định URL liên quan tới dữ liệu của < object >.
formtên formform="formName"Xác định object thuộc về form nào.
heightpixelsheight="50px"Xác định chiều cao của < object >.
nameTênname="objNameXác định tên cho < object > (để sử dụng trong < script >.)
typekiểu MIMEtype="image/gif"Định nghĩa Kiểu định dạng MIME của dữ liệu được quy định trong các thuộc tính dữ liệu.
usemapURLusemap="index.html"Xác định URL của image map được sử dụng bở < object >.
widthpixelswidth="100px"Xác định chiều rộng của < object >.
Thuộc tính không hỗ trợ trong HTML5
alignleft
right
top
bottom
align="left"Không hỗ trợ trong HTML5.
archiveURLarchive="arch.hrml"Không hỗ trợ trong HTML5.
borderpixelsborder="1"Không hỗ trợ trong HTML5.
classidclass_ID.Không hỗ trợ trong HTML5.
codebaseURLcodebase="code.html"Không hỗ trợ trong HTML5.
codetypekiểu MIMEcodetype="image/gif"Không hỗ trợ trong HTML5.
declaredeclaredeclare="declare"Không hỗ trợ trong HTML5.
hspacepixelshspace="2px"Không hỗ trợ trong HTML5.
standbyTextstandby="Loading..."Không hỗ trợ trong HTML5.
vspacepixelsvspace="2px"Không hỗ trợ trong HTML5.

Thuộc tính Tổng quátthuộc tính sự kiện

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5

Bình luận