WebVN Cộng đồng web Việt Nam
Mục đích của một plug-in là mở rộng các tính năng của trình duyệt web.
Ứng dụng hỗ trợ (Plug-in)
Ứng dụng hỗ trợ là những chương trình có nhiệm vụ mở rộng các tính năng của trình duyệt. Những ứng dụng này được gọi là plug-ins.
Những plug-ins nổi tiếng và được sử dụng phổ biến trên web phải kể đến như flash, Java applets.
Plug-ins được sử dụng trong website thông qua thẻ <object> và thẻ <embed>.
Plug-ins có thể được sử dụng với nhiều mục đích khác nhau như: hiển thị bản đồ, quét virus, kiểm tra tài khoản ngân hàng, v.v…
Thẻ <object>
Thẻ <object> được tất cả các trình duyệt hỗ trợ.
Thẻ <object> cho phép thêm các đối tượng vào trang HTML.
Nó được sử dụng để chèn các plug-in (như Java applets, chương trình đọc PDF, Flash) trên website.
Sử dụng thẻ <object> để chèn flash vào trang HTML:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <object width="400" height="145" data="/resources/flyingsnail1.swf"></object> </body> </html> |
Thẻ <object> cũng có thể được sử dụng để chèn một tệp tin HTML vào trong trang:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <object width="100%" height="500px" data="/resources/html5.html"></object> </body> </html> |
hoặc sử dụng để chèn một bức ảnh:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <object data="/wp-content/uploads/2014/12/img_the_scream.jpg"></object> </body> </html> |
Thẻ <embed>
Thẻ <embed> được tất cả các trình duyệt hỗ trợ.
Thẻ <embed> cũng được sử dụng để thêm các đối tượng vào trang HTML.
Tuy trình duyệt web đã hỗ trợ thẻ <embed> trong một thời gian rất dài nhưng chỉ đến khi HTML5 ra đời nó mới trở thành chuẩn HTML. Thẻ <embed> được coi là hợp lệ trong trang HTML5 nhưng lại không hợp lệ trong các trang HTML4.
Sử dụng thẻ <embed> để chèn flash vào trang HTML:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <embed width="400" height="145" src="/resources/flyingsnail1.swf"> </body> </html> |
Thẻ <embed> cũng có thể được sử dụng để chèn một tệp tin HTML vào trong trang:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <embed width="100%" height="500px" src="/resources/html5.html"> </body> </html> |
hoặc sử dụng để chèn một bức ảnh:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <embed src="/wp-content/uploads/2014/12/img_the_scream.jpg"> </body> </html> |
