HTML5 và frameborder

Tôi có iframe trên tài liệu HTML5. khi tôi xác thực, tôi gặp lỗi cho tôi biết rằng thuộc tính trên thuộc tính iframe frameBorderđã lỗi thời và hãy sử dụng CSS để thay thế.

Tôi có thuộc tính này frameBorder="0"ở đây vì đó là cách duy nhất tôi có thể tìm ra cách loại bỏ đường viền trong IE, tôi đã thử border:none;trong CSS nhưng không may mắn. Có cách nào phù hợp để khắc phục điều này không?

Cảm ơn.

HTML 5 không hỗ trợ các thuộc tính như frameborder, cuộn, độ rộng lề và độ sáng lề (được hỗ trợ trong HTML 4.01). Thay vào đó, đặc tả HTML 5 đã giới thiệu thuộc tính liền mạch. Thuộc tính liền mạch cho phép khung nội tuyến xuất hiện như thể nó đang được hiển thị như một phần của tài liệu chứa. Ví dụ: đường viền và thanh cuộn sẽ không xuất hiện.

Theo MDN

frameborder Đã lỗi thời kể từ HTML5

Giá trị 1(mặc định) vẽ một đường viền xung quanh khung này. Giá trị 0loại bỏ đường viền xung quanh khung này, nhưng thay vào đó bạn nên sử dụng đường viền thuộc tính CSS để kiểm soát đường viền.

Giống như câu trích dẫn ở trên, bạn nên xóa đường viền bằng CSS;
hoặc nội tuyến (style="border: none;" ) hoặc trong biểu định kiểu ( iframe { border: none; }) của bạn .

Điều đó đang được nói, dường như không có một nhà cung cấp iframe nào không sử dụng frameborder="0". Ngay cả YouTube vẫn sử dụng thuộc tính này và thậm chí không cung cấp thuộc tính style để làm cho iframe tương thích ngược khi không hỗ trợ frameborder nữa. Thật an toàn khi nói rằng thuộc tính này sẽ sớm đi đến đâu. Điều này khiến bạn có 3 lựa chọn:

1. Tiếp tục sử dụng frameborder , chỉ để đảm bảo rằng nó hoạt động (hiện tại)
2. Sử dụng CSS để làm điều "đúng đắn"
3. Sử dụng cả hai. Mặc dù cách này không giải quyết được vấn đề không tương thích (giống như tùy chọn 1), nhưng nó sẽ hoạt động trên mọi trình duyệt đã, đang và sẽ

Đối với trạng thái trước đó của câu trả lời đã tồn tại hàng thập kỷ này:

Các seamlessthuộc tính đã được hỗ trợ trong một thời gian ngắn như vậy (hoặc không gì cả bởi một số trình duyệt), đó MDN thậm chí không liệt kê nó như là một tính năng không dùng nữa. Đừng sử dụng nó và đừng bối rối bởi những bình luận bên dưới.

Theo bài đăng khác ở đây , giải pháp tốt nhất là sử dụng mục nhập CSS của

style="border:0;"

Vì frameborderthuộc tính chỉ cần thiết cho IE, nên có một cách khác để sử dụng trình xác thực. Đây là một cách gọn nhẹ không yêu cầu Javascript hoặc bất kỳ thao tác DOM nào.

<!--[if IE]>
   <iframe src="source" frameborder="0">?</iframe>
<![endif]-->
<!--[if !IE]>-->
   <iframe src="source" style="border:none">?</iframe>
<!-- <![endif]-->

Những công việc này

iframe{
    border-width: 0px;
}

Làm thế nào về việc sử dụng cùng một kỹ thuật để "đánh lừa" trình xác thực bằng Javascript bằng cách gắn một thuộc tính đích trong XHTML <a onclick="this.target='_blank'">?

• onsomething = "this.frameborder = '0'"

<iframe onload = " this.frameborder='0' " src="menu.html" id="menu"> </iframe>

Hoặc getElementsByTagName]("iframe")1 thêm thuộc tính này cho tất cả các iframe trên trang?

Chưa kiểm tra điều này vì tôi đã làm điều gì đó có nghĩa là không có gì hoạt động trong IE nhỏ hơn 9! :) Vì vậy, trong khi tôi đang phân loại ... :)

Tôi đã tìm thấy một tác phẩm hay sẽ cho phép nó hoạt động trong IE7 ở đây . Nó bỏ qua trình xác thực cho thuộc tính frameBorder nhưng vẫn giữ css cho các trình duyệt trong tương lai như được giải thích trong bài viết.

style="border:none; scrolling:no; frameborder:0;  marginheight:0; marginwidth:0; "