在HTML5中使用框架的任何方式?

42 html5 frames

对于学校我必须建立一个网站,它必须使用那些糟糕的老该死的框架.我已经向老师抱怨这个没有任何成功:(

我想使用HTML5,但似乎不推荐使用框架.我真的需要使用XHTML或HTML 4吗?是否有一些解决方法使我的页面使用框架验证HTML5?

For*_*rdi 37

我知道你的课程结束了,但在专业编码方面,让这成为一个教训:

  • "弃用"是指"避免使用;将来会被删除"
  • 弃用的东西仍然有用 - 只是不要指望支持或面向未来
  • 如果需求需要它,并且您无法协商它,只需使用已弃用的构造.
    • 如果你真的担心,那就开发替代实现,并为不可避免的失败做好准备
    • 现在为额外的工作收费.通过请求弃用的功能,他们要求您将工作量翻倍.无论如何你会再次看到它,所以不妨前面加载它.
    • 当失败发生时,让感兴趣的一方知道这是你所担心的; 你准备好了,但这需要一些时间
    • 尽可能快地部署解决方案(会有错误)
    • 获得代表以防止过度停机.


jmo*_*253 27

现在,有很多例子让我回答关于为什么遵循验证规则很重要的问题.我还说过,有时你只需要成为反叛者并违反规则,并记录原因.

您可以在此示例中看到框架集仍然可以在HTML5中工作.但是,我必须下载代码并在顶部添加HTML5文档类型.但框架集元素仍然被识别,并且实现了期望的结果.

因此,知道使用框架集是完全荒谬的,并且知道你必须按照教授/老师的指示使用它,你可以只处理W3C验证器中的单个验证错误并同时使用HTML5视频元素以及不推荐使用的框架集元素.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <!-- frameset is deprecated in html5, but it still works. -->
    <frameset framespacing="0" rows="150,*" frameborder="0" noresize>
        <frame name="top" src="http://www.npscripts.com/framer/demo-top.html" target="top">
        <frame name="main" src="http://www.google.com" target="main">
    </frameset>
</html>
Run Code Online (Sandbox Code Playgroud)

请记住,如果它是针对学校的项目,那么一旦浏览器供应商完全删除对HTML5的框架集支持,很可能不会在一两年内出现这种情况.只要知道你是对的,只要做你的老师/教授要求获得的成绩:)

更新:

顶级父文档使用XHTML,框架使用HTML5.验证器没有抱怨框架集是非法的,并且没有抱怨视频元素.

index.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
    <head>
    </head>
    <frameset framespacing="0" rows="150,*" frameborder="0" noresize>
        <frame name="top" src="http://www.npscripts.com/framer/demo-top.html" target="top">
        <frame name="main" src="video.html" target="main">
    </frameset>
</html>
Run Code Online (Sandbox Code Playgroud)

video.html:

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <div id="player-container">
            <div class="arrow"></div>
            <div class="player">

                <video id="vid1" width="480" height="267" 
                    poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg"
                    durationHint="33" controls>
                    <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v" />

                    <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv" />

                </video>

        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

  • @robertc我知道,但我希望它能够验证.:) (2认同)