"iframe元素上的frameborder属性已过时.请改用CSS."

Kev*_*ign 24 iframe w3c-validation

我正在尝试使用W3C验证器验证我的网站,但它不起作用.我有一个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>
Run Code Online (Sandbox Code Playgroud)

我该如何纠正?

小智 39

正如他们所说:"HTML5不支持frameborder属性.请改用CSS."

相当于css中的frameborder是border: 0px;.将其添加到css中的iframe中.

  • 根据[问题]的答案(http://stackoverflow.com/questions/3601273/html5-and-frameborder)你可以用`border:none;替换css中的`frameborder`. (2认同)
  • 此外,“border: 0px”否则应该是“border: 0” (2认同)

Har*_*osh 9

这在您的css中有效

iframe{
    border-width: 0px;
}
Run Code Online (Sandbox Code Playgroud)


Abh*_*wal 6

您的HTML5标记包含一个<iframe>具有frameborder属性的元素,其格式为:

<iframe frameborder="0" … />
Run Code Online (Sandbox Code Playgroud)

HTML5中不再存在此属性。改用CSS:

<iframe style="border:0;" … />
Run Code Online (Sandbox Code Playgroud)

来源:Frameborder已过时

  • 这就是两年前给出的公认答案。 (5认同)
  • 确实如此,但是这种写答案的方式真的很容易看出“取X...写Y”,谢谢大家! (3认同)