HTML5和非js访问者的优雅退化



我现在更看重HTML 5,但我不断回到一个问题,那就是使用它的实用性,而不是搬起石头砸自己的脚。

我工作的大多数网站都是面向中小型企业的,目标客户群通常使用IE7或ie8,而且有相当多的人不启用JavaScript——大概有10% - 15%。

这意味着我不能依靠访问者拥有最新的浏览器,我不能依靠JavaScript修复(如modernizr)来补偿。我已经看到了一些非常有力的论据,说明HTML5确实可以加快开发时间,让事情变得更简单,但在执行时如何保持优雅的退化?

你所关注的HTML5执行程度是解决方案的关键。让我用下面的代码来说明:

以HTML5的video属性为例——为不兼容的旧浏览器设置flash回退是一种相当普遍的做法,这样无论在什么情况下,每个人都可以观看视频。这里的

问题是:"那么我用什么作为标记?HTML 4.01, XHTML 1.0还是HTML5?"答案自然是使用HTML5标记,因为视频标签实际上是HTML5标记。在某种程度上,这个答案没有错,但也不完全正确;在浏览器对HTML5的支持还不完全,标记还没有达到推荐水平的时候,把它标记为HTML5是不明智的,因为传统的浏览器只会给你一个空白的外观。相反,如果要进行适当的降级排序,则应该将HTML文档标记为XHTML 1.0或HTML 4.01,然后将其包含在所需的标记中,在本例中是视频标记。旧版本的浏览器可以正确地呈现div和CSS样式,但不能识别视频标签,而是会转到Flash回落视频。

所以我想,一旦你有了一个更有针对性的想法,你想在传统浏览器和缺乏JavaScript支持的限制下使用HTML5的程度,你应该能够找到一个办法

另外,虽然HTML5的支持和兼容性还没有完全实现,但这并不意味着我们应该像躲避瘟疫一样躲避它。尝试使用一些常见的方法,比如视频标签的例子(参见divinintohtml5)。这是一个很棒的资源!

只是我的两美分的价值。希望对你有所帮助。

(这是一个我设计并与一家机构共同开发的网站的例子- http://www.blueprint.sg。它在XHTML 1.0中有标记,但在全屏背景视频中使用标记。对于无法识别标记的浏览器,退回到背景图像。PS:提前为不太好的设计和烦人的视频播放道歉,目前设置为"自动播放",所以它会同时播放和加载

如果你的用户使用IE7 - 8并且经常禁用JavaScript,那么HTML5现在不适合你,无论如何,对于这些客户。

马匹的课程,因为他们说,在你的情况下,似乎是安全的赌注是保持HTML 4.01。

禁用JavaScript的用户可以为任何web开发人员创建许多令人沮丧的情况。但实际上你唯一能做的就是提醒用户限制,我通常使用NoScript html标签。

相关内容

  • 没有找到相关文章

最新更新