任何在HTML5中使用框架的方式?
对于学校,我必须build立一个网站, 它必须使用那些糟糕的老该死的帧 。 我已经向我的老师抱怨没有任何成功:(
我想使用HTML5,但似乎不赞成使用框架。 我真的需要使用XHTML或HTML 4吗? 是否有一些解决办法,使我的网页使用框架validationHTML5?
现在,我有很多关于为什么遵循validation规则很重要的文章回答问题的例子。 我也曾经说过,有时你必须成为一个叛逆者,违反规则,logging原因。
你可以在这个例子中看到框架集仍然在HTML5中工作 。 然而,我不得不下载代码并在顶部添加HTML5文档。 但框架元素仍然得到认可,达到了预期的效果。
因此,知道使用框架集是完全荒谬的,并且知道您必须使用这个由教授/老师指定的,您可以在W3Cvalidation器中处理单个validation错误,并使用HTML5video元素以及不build议使用的frameset元素。
<!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>
请记住,如果这是一个针对学校的项目,一旦浏览器供应商完全删除了对HTML5的框架集支持,最有可能不会成为一年或两年左右的事情。 只要知道你是正确的,只是做你的老师/教授只是为了得到分数:)
更新:
顶层父文档使用XHTML,框架使用HTML5。 validation者并没有抱怨框架集是非法的,也没有抱怨video元素。
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>
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>
我知道你的class级已经结束了,但是在专业编码方面,让我们成为一个教训:
- “弃用”是指“避免使用,将来会被删除”
- 弃用的东西仍然有效 – 只是不期望得到支持或面向未来
- 如果需求需要,并且不能协商,只需使用弃用的结构即可。
- 如果你真的担心,开发替代执行方面,并为不可避免的失败做好准备
- 现在收取额外的工作。 通过请求弃用的function,他们要求您将工作翻倍。 无论如何,你会再次看到它,所以不妨前面加载它。
- 当失败发生时,让感兴趣的一方知道这是你所担心的; 你准备好了,但是需要一些时间
- 尽可能快地部署您的解决scheme(将有错误)
- 获得防止过度停机的代表。
也许一些AJAX页面内容注入可以作为替代,虽然我仍然无法避免为什么你的老师会拒绝摆脱框架的网站。
另外,有没有什么具体的原因你个人想要我们HTML5?
但是,如果没有,我相信<iframe>
仍然在附近。
你将不得不求助于XHTML或HTML 4.01。 虽然iframe
仍然存在于HTML5中,但不build议将其用于embedded用户的内容。
一定要告诉你的老师,自九十年代后期以来,框架并不是最先进的。 除了历史原因外,他们根本没有任何教育的地方。
框架在HTML5中不被弃用,但在XHTML 1.1 Strict和2.0中被弃用,但仍保留在XHTML Transitional中,并在HTML5中返回。 这里还有一篇关于使用CSS来模仿没有框架的框架的有趣文章。 我只是在IE 8,FF 3,Opera 11,Safari 5,Chrome 8上进行了testing。我喜欢相框,但它们确实有问题,特别是在search引擎,书签和打印方面,使用CSS可以创build打印或仅显示内容。 我希望将Alex的XHTML / CSS框架无框架解决scheme升级到HTML5 / CSS3。
我在继续教育商业网站上使用了15年以上的框架。 框架允许导航框架使用目标特征将材料加载到主框架,而不改变导航框架。 而且,Perl脚本从将输出返回到同一帧的帧格式运行得非常好。 我爱框架,并将继续使用它们。 CSS实际使用太复杂了。 在IE,Safari,Chrome或Firefox上使用HTML5框架时,我没有任何问题。