Thẻ <iframe> trong HTML
- Tag
<iframe>Định nghĩa một khung, bên trong có chứa một văn bản. - Một số trình duyệt không hỗ trợ
<iframe>, khi đó chúng ta viết những đoạn text bên trong<iframe>và</iframe>để hiển thị nội dung thông báo cần thiết cho người xem biết.
Sự khác nhau giữa HTML4.01 và HTML5
| HTML4.01 | HTML5 |
|---|---|
| - | ● Trong HTML5 có một số thuộc tính mới, và một số thay đổi cách dùng trong thuộc tính. |
Cấu trúc
<iframe src="" width="" height="">
<p>Dòng text thông báo.</p>
</iframe>Ví dụ
<iframe src="http://hoclaptrinh.vn" width="650" height="200">
<p>Trình duyệt của bạn không hỗ trợ iframe.</p>
</iframe>Kết quả:
Trình duyệt hỗ trợ
<iframe> được hỗ trợ trong đa số các trình duyệt.
Thuộc tính
Cách sử dụng:
<iframe thuoctinh="giatri"></iframe>
Thuộc tính tùy chọn
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| Thuộc tính mới (Mới) | |||
| sandbox | allow-forms allow-same-origin allow-scripts allow-top-navigation |
sandbox="allow-forms" | Xác định giới hạn cho phép tới nội dung trong < iframe >. |
| seamless | seamless | seamless="seamless" | Chỉ định rằng < iframe > sẽ được tích hợp trong văn bản. |
| srcdoc | Mã HTML | < p >;mã html < p /> | Xác định rõ mã HTML của văn bản hiển thị trong < iframe >. |
| Thuộc tính không hỗ trợ trong HTML5 | |||
| align | left right top middle bottom |
align="left" | Không hỗ trợ trong HTML5 Sử dụng thuộc tính text-align của css để thay thế. |
| frameborder | 1 0 |
frameborder="1" | Không hỗ trợ trong HTML5. |
| longdesc | URL | longdesc="des.html" | Không hỗ trợ trong HTML5. |
| marginheight | pixels | marginheight="10px" | Không hỗ trợ trong HTML5. |
| marginwidth | pixels | marginwidth="10px" | Không hỗ trợ trong HTML5. |
| scrolling | yes no auto |
scrolling="auto" | Không hỗ trợ trong HTML5. |
| Thuộc tính như HTML4.01 | |||
| height | pixels % |
height="10px" | Xác định chiều cao của < iframe >. |
| name | name | name="iframeName" | Xác định tên của < iframe >. |
| src | URL | src="iframe.html" | Xác định đường dẫn hiển thị bên trong < iframe >. |
| width | pixels % |
width="100px" | Xác định chiều rộng của < iframe >. |
Thuộc tính Tổng quát và thuộ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
0 Bình luận
- Các thẻ (Tag) trong HTML
- Mở đầu
- Thẻ comment <!--> trong hmtl
- <!Doctype HTML>
- Thẻ <a> trong HTML
- Thẻ <abbr> trong HTML
- Thẻ <address> trong HTML
- Thẻ <area /> trong HTML
- Thẻ <article> trong HTML5
- Thẻ <aside> trong HTML5
- Thẻ <audio> trong HTML5
- Thẻ <b> trong HTML
- Thẻ <base> trong HTML
- Thẻ <bdo> trong HTML
- Thẻ trích dẫn <blockquote> trong HTML
- Thẻ <body> trong HTML
- Thẻ <br /> trong HTML
- Thẻ <button> trong HTML
- Thẻ <canvas> trong HTML5
- Thẻ <caption> trong HTML
- Thẻ <cite> trong HTML
- Thẻ <code> trong HTML
- Thẻ <col> trong HTML
- Thẻ <colgroup> trong HTML
- Thẻ <command> trong HTML5
- Thẻ <datalist> trong HTML 5
- Thẻ <dd> trong HTML
- Thẻ <del> trong HTML
- Thẻ <details> trong HTML5
- Thẻ <dfn> trong HTML
- Thẻ <div> trong HTML
- Thẻ <dl> trong HTML
- Thẻ <dt> trong HTML
- Thẻ <em> trong HTML
- Thẻ <embed /> trong HTML5
- Thẻ <fieldset> trong HTML
- Thẻ <figcaption> trong HTML5
- Thẻ <figure> trong HTML5
- Thẻ <footer> trong HTML5
- Thẻ <form> trong HTML
- Thẻ <head> trong HTML
- Thẻ <header> trong HTML5
- Thẻ <hgroup> trong HTML5
- Thẻ <h1> tới <h6> trong HTML
- Thẻ <hr /> trong HTML
- Thẻ <html>
- Thẻ <i> trong HTML
- Thẻ <iframe> trong HTML
- Thẻ <img /> trong HTML
- Thẻ <input /> trong HTML
- Thẻ <ins> trong HTML
- Thẻ <isindex> trong HTML
- Thẻ <kbd> trong HTML
- Thẻ <keygen /> trong HTML5
- Thẻ <label> trong HTML
- Thẻ <legend> trong HTML
- Thẻ <li> trong HTML
- Thẻ <link /> trong HTML
- Thẻ <map> trong HTML
- Thẻ <mark> trong HTML5
- Thẻ <menu> trong HTML
- Thẻ <meta /> trong HTML
- Thẻ <meter> trong HTML5
- Thẻ <nav> trong HTML5
- Thẻ <noscript>trong HTML
- Thẻ <object> trong HTML
- Thẻ <ol> trong HTML
- Thẻ <optgroup> trong HTML
- Thẻ <option> trong HTML
- Thẻ <output> trong HTML5
- Thẻ <p> trong HTML
- Thẻ <param /> trong HTML
- Thẻ <pre> trong HTML
- Thẻ <progress> trong HTML5
- Thẻ <q> trong HTML
- Thẻ <rp> trong HTML5
- Thẻ <rt> trong HTML5
- Thẻ <ruby> trong HTML5
- Thẻ <samp> trong HTML
- Thẻ <script> trong HTML
- Thẻ <section> trong HTML5
- Thẻ <select> trong HTML
- Thẻ <small> trong HTML
- Thẻ <source /> trong HTML5
- Thẻ <span> trong HTML
- Thẻ <style> trong HTML
- Thẻ <sub> & <sup> trong HTML
- Tag <summary> trong HTML5
- Thẻ <table> trong HTML
- Thẻ <tbody> trong HTML
- Thẻ <td> trong HTML
- Thẻ <textarea> trong HTML
- Thẻ <tfoot> trong HTML
- Thẻ <th> trong HTML
- Thẻ <thead> trong HTML
- Thẻ <time> trong HTML5
- Thẻ <title> trong HTML
- Thẻ <tr> trong HTML
- Thẻ <ul> trong HTML
- Thẻ <var> trong HTML
- Thẻ <video> trong HTML5
- Thẻ <wbr> trong HTML5
- Thẻ <strong> trong HTML
Hoclaptrinh.vn © 2017
From Coder With
Unpublished comment
Viết câu trả lời