总是对新软件的到来充满热情。所以这是我第一次尝试 HTML5 和 CSS3 的时候。我希望渐变能够工作,并且想要一种简单的方法来创建带有弯角的盒子。 CSS 也有许多命名的颜色,而不是神秘的 RGB 十六进制数字。

我仍然对“center”标签的弃用感到震惊。并弃用表的使用。抱怨,抱怨。

HTML5 中的新内容

虽然旧版本仍然有效,但许多旧版本的结构已被简化或省略。

HTML 的构建标准放宽了,也许放宽了。 Microsoft 的 Visual Studio 执行了更严格的标准,我完全同意 Microsoft 的更改(好吧,总有一天会发生!)。

然后是HTML5的新特性,曾经是JavaScript的领域。现在具有视频、音频、表单、验证、滑块、日期选择器、颜色选择器、地理定位、本地存储、离线网络应用程序、占位符、自动对焦等。不需要 JavaScript。

然后是新的语义元素。

语义元素

新的语义元素让我很困惑。我不太确定语义与网站有什么关系。对于语言学教授来说,这听起来更像是一个专业领域。

现在有用于部分、页眉、页脚、导航、文章等的新元素。我发现这个想法非常简单。编码人员和搜索引擎蜘蛛应该可以理解 HTML 结构。

但是新的结构和CSS似乎并没有简化编码。文章中各节标题的复杂性令人望而生畏。然后是 CSS3 的复杂性。在完全理解新的语义元素功能之前,网站编码人员必须获得逻辑和语义差异学位。

我没有看到以结果为导向的网页设计师愿意使用新的语义元素。

搜索引擎

搜索引擎是否从新的语义元素中受益是有争议的。可以肯定的是,他们将需要更多的逻辑来处理遗留编码和新结构。

不久之后,一些创造性的编码器将混淆元素和结构以获得更好的排名。

旧版浏览器

全球使用 Internet Explorer 6 的人数已下降到不到 1%。 IE6 的使用率低到可以忽略不计,但 IE7 和 IE8 的用户数量仍然高得无法忽略。

通过一些小的添加,旧版浏览器可以轻松处理新功能。有一个“Modernizr”可以检测用户浏览器是否支持 HTML5 和 CSS3 特性。 Progressive Internet Explorer (PIE) 将添加圆角、阴影和渐变等 Polyfill 功能。

HTML5、CSS3 和移动

移动设备的爆炸式增长促进了 HTML5、CSS3 和 JavaScript(首选语言)的流行。

HTML5 和 CSS3 在移动市场的成功是否会转化为桌面和网站是值得商榷的。从头开始为新 iPad 编程是一回事,转换 7 亿个网站又是另一回事。

Current Website Practices

为了了解 HTML5 实现,我查看了一些流行的网站:

  • Google 搜索使用 HTML5 .我不太确定这有多大意义。这个安全站点似乎主要用于防止自动读取以确定站点排名的尝试。 HTML 代码完全由脚本组成。我没有看到语义元素。
  • Microsoft、Amazon 和 Hewlett Packard 站点仍在使用 XHMTL 1.0 转换。
  • Intel 领先一步 - 他们正在使用 XHTML 1.0 Strict。
  • Walmart 使用 HTML5,但不使用任何新的语义元素。

我的结论

我想我们可以得出结论,不急于使用新的标准或特性。

哪里有网站要升级到 HTML5 和 CSS3,我觉得大多数程序员都会效仿沃尔玛的例子。那就是使用 HTML5 和 CSS3 特性,而不是语义元素。这将使升级尽可能容易。

对于一个新的简单网站,一些勇敢的编码人员可能会尝试使用新的语义元素。