Cú pháp HTML Iframes
Thẻ HTML <iframe> chỉ định một khung nội tuyến. Khung nội tuyến được sử dụng để nhúng tài liệu khác vào trang HTML hiện tại.
Cú pháp
<iframe src="url" title="description"></iframe>Mẹo: Hãy nhớ luôn truyền attribute title cho thẻ <iframe>. Điều này sẽ giúp chế độ screen readers để đọc nội dung của iframe là gì.
Iframe - Đặt Width và Height
Sử dụng attribute width và height để chỉ định kích thước của khung nội tuyến.
Width và Height theo mặc định sẽ có đơn vị pixel.
Ví dụ
<iframe src="demo_iframe.htm" height="200" width="300" title="Ví dụ về Iframe"></iframe>Hoặc bạn có thể thêm attribute style và sử dụng thuộc tính width và height của CSS:
<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Ví dụ về Iframe"></iframe>
Iframe - Xoá bỏ Border
Theo mặc định, iframe có border xung quanh nó.
Để xóa border, hãy thêm attribute style và sử dụng thuộc tính border của CSS.
Ví dụ
<iframe src="demo_iframe.htm" style="border:none;" title="Ví dụ về iframe"></iframe>Với CSS, bạn cũng có thể thay đổi size, style và color của border iframe:
<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Ví dụ về Iframe"></iframe>
Iframe - Target với thẻ a Link
Một iframe có thể được sử dụng làm khung mục tiêu cho một link.
Attribute target của link phải tham chiếu đến attribute name của iframe:
<iframe src="demo_iframe.htm" name="iframe_a" title="Ví dụ Iframe"></iframe> <p><a href="https://truonghoclaptrinh.com/" target="iframe_a">truonghoclaptrinh.com</a></p>