W3CバリデータでWebサイトを検証しようとしていますが、機能しません。 YouTube iframeを使用していますが、これはエラーです。
Iframe要素のframeborder属性は廃止されました。代わりにCSSを使用してください。
スクリーンショット: http://i.stack.imgur.com/VCiJV.png
そして、これは私のindex.html(トリミング)です:
<!-- Video -->
<div class="video-container box-size">
<iframe width="700" height="312" src="http://www.youtube.com/embed/OfUPsnAtZMI" frameborder="0" allowfullscreen></iframe>
</div>
どうすれば修正できますか?
「frameborder属性はHTML5ではサポートされていません。代わりにCSSを使用してください」と述べています。
Cssのframeborderに相当するものはborder: 0px;
。 CSSでiframeに追加します。
これはあなたのCSSで動作します
iframe{
border-width: 0px;
}
HTML5マークアップには、次の形式のframeborder属性を持つ<iframe>
要素が含まれています。
<iframe frameborder="0" … />
この属性はHTML5には存在しません。代わりにCSSを使用します。
<iframe style="border:0;" … />
ソース: Frameborderは廃止されました