У мене є iframe для документа HTML5. коли я перевіряю, я отримую повідомлення про те, що атрибут у iframe frameBorderфайлі застарілий і замість цього використовую CSS.
У мене frameBorder="0"тут є цей атрибут, оскільки це був єдиний спосіб, яким я міг зрозуміти, як позбутися кордону в IE, я спробував border:none;у CSS без удачі. Чи існує відповідний спосіб виправити це?
Дякую.
Відповіді:
HTML 5 не підтримує такі атрибути, як рамки рамки, прокрутка, ширина поля та висота поля (які підтримувалися в HTML 4.01). Натомість специфікація HTML 5 представила безшовний атрибут. Безшовний атрибут дозволяє вбудованому фрейму виглядати так, ніби він відображається як частина вміщуючого документа. Наприклад, межі та смуги прокрутки не відображатимуться.
frameborderЗастарілий з HTML5Значення
1(за замовчуванням) малює межу навколо цього кадру. Значення0видаляє межу навколо цього кадру, але замість цього ви повинні використовувати межу властивості CSS для контролю меж.
Як сказано в цитаті вище, вам слід видалити межу з CSS;
або в рядку ( style="border: none;"), або у таблиці стилів ( iframe { border: none; }).
З огляду на це, здається, немає жодного постачальника iframe, який не використовував би frameborder="0". Навіть YouTube все ще використовує атрибут і навіть не надає атрибут стилю, щоб зробити iframes зворотно сумісними, коли frameborder більше не підтримується. Можна з упевненістю сказати, що атрибут скоро нікуди не дінеться. У вас залишається 3 варіанти:
frameborder, лише щоб переконатися, що це працює (поки що)Що стосується попереднього стану даної відповіді на десятиліття:
seamlessАтрибут був підтриманий за такий короткий проміжок часу (або взагалі деякими браузерами), що MDN навіть не перелічити його як застарілі функції. Не використовуйте його і не бентежте коментарями нижче.
border-width: 0px;, але я боюся, що це не сумісно з переглядачами для використання з iframes. seamlessдосі підтримується не всіма браузерами! Це одна з тих небагатьох проблем HTML5, яку просто потрібно прийняти. Використовуйте frameborder="0"і біса з валідацією!
seamlessбуло видалено зі специфікації HTML5, тому підтримка для нього ніколи не буде. Відповідь @ ForTheWatch зараз найкраща.
Що стосується іншого розміщення тут , найкращим рішенням є використання CSS-запису
style="border:0;"
border-width: 0pxTBH. border: none;НЕ працюватиме.
I test for the crappy browsers, because if it works in them, than it is almost sure to work in the others.Мій боже, що наївний. Якщо ви хочете переконатися, що ваш додаток працює в браузері, вам доведеться протестувати його браузері, просто і просто. Гарантій немає, лише примхи.
seamlessколи виключено зі специфікації, це єдина правильна відповідь
Так як frameborder атрибут необхідний лише для IE, існує ще один спосіб обійти валідатор. Це легкий спосіб, який не вимагає Javascript або будь-яких маніпуляцій з DOM.
<!--[if IE]>
<iframe src="source" frameborder="0">?</iframe>
<![endif]-->
<!--[if !IE]>-->
<iframe src="source" style="border:none">?</iframe>
<!-- <![endif]-->
frameBorder="0"якщо ви не хочете межу навколо вбудованого кадру.
frameі framesetні iframe. Атрибут є застарілим на iframeелементі; див. w3.org/TR/html5/obsolete.html#attr-iframe-frameborder
Як щодо того, щоб використовувати те саме для техніки "обману" валідатора за допомогою Javascript, вставивши цільовий атрибут у XHTML <a onclick="this.target='_blank'">?
<iframe onload = " this.frameborder='0' " src="menu.html" id="menu"> </iframe>
Або getElementsByTagName]("iframe")1 додаючи цей атрибут для всіх фреймів на сторінці?
Чи не перевіряв це , тому що я зробив що - то , що означає , що нічого не працює в IE менш ніж на 9! :) Тож поки я це розбираю ... :)
Я знайшов хорошу роботу, яка дозволить йому працювати в IE7 тут . Він обходить валідатор для атрибуту frameBorder, але зберігає css для майбутніх браузерів, як пояснюється в повідомленні.
seamlessзамість цього атрибут.
style="border:none; scrolling:no; frameborder:0; marginheight:0; marginwidth:0; "