我现在更看重 HTML 5,但我一直回到一个问题,那就是使用它的实用性,而不用自找麻烦。
我工作的大多数网站都是针对通常使用 IE7 或 8 的客户群的 SME 服务的,而且令人惊讶的数字不启用 JavaScript——有些愚蠢,比如 10-15%。
这意味着我不能依靠拥有最新浏览器的访问者,也不能依靠 JavaScript 修复(例如modernizr)来弥补。关于 HTML5 如何真正加快开发时间并使事情变得如此简单,我已经看到了一些非常有力的论据,但是在实施时如何保持优雅的降级呢?
我现在更看重 HTML 5,但我一直回到一个问题,那就是使用它的实用性,而不用自找麻烦。
我工作的大多数网站都是针对通常使用 IE7 或 8 的客户群的 SME 服务的,而且令人惊讶的数字不启用 JavaScript——有些愚蠢,比如 10-15%。
这意味着我不能依靠拥有最新浏览器的访问者,也不能依靠 JavaScript 修复(例如modernizr)来弥补。关于 HTML5 如何真正加快开发时间并使事情变得如此简单,我已经看到了一些非常有力的论据,但是在实施时如何保持优雅的降级呢?
如果您的用户使用 IE7 - 8 并且经常禁用 JavaScript,那么 HTML5 现在不适合您,无论如何也不适合这些客户。
正如他们所说的那样,课程的马匹,在您的情况下,似乎安全的赌注是继续使用 HTML 4.01。
禁用 JavaScript 的用户会给任何 Web 开发人员带来许多令人沮丧的情况。但实际上你唯一能做的就是提醒用户注意限制,我通常使用 NoScript html 标签。
您正在查看的 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 的支持和兼容性还没有完全实现,但这并不意味着我们应该像避免瘟疫一样避免它。试一试,然后使用一些常用方法,例如使用视频标签说明的示例(阅读 dipintohtml5。这是一个很棒的资源!)。
只是我的两分钱。希望对您有所帮助。
(这里是我设计并与代理机构共同开发的网站示例 - http://www.blueprint.sg。它在 XHTML 1.0 中进行了标记,但将标签用于全屏背景视频。回退到背景无法识别标签的浏览器的图像。PS:对于设计不佳以及当前设置为“自动播放”的视频播放烦人,因此它会同时播放和加载,请提前道歉。)