初学者对于HTML5的一些误解 - Web前端
作者:98wpeu发布时间:2026-06-24分类:网页前端技术浏览:2

想当初刚接触html5的时候,经常会质疑一些问题,正如Opera的布道者 Bruce LAWSon讲的那样,“每个人都在谈论HTML5”,它被传的很神,很玄。事实上有很多人所说的Html5实际上只是古老的Dhtml或者Ajax。把所有的信息混在一起就是一堆错误信息。
HTML5简单的说就是一组新的标准、语法和规则用来创建网页,可以利用一些新的浏览器的“本地”功能,例如离线存储,多媒体播放和其他的交互等等。我们所看到的很 多很酷的 HTML5 网站实际上跟 HTML5 无关,而是由css3和JQuery生成的。CSS3和jQuery是和 HTML5一样的新技术,它们和 HTML5是平行的概念。
这篇文章讲了关于HTML5的7个传说,也就是误解。
传说 #1:因为苹果不支持 FLASH,所以人们发明了 HTML5
树大招风,苹果似乎经常受到各种指责。虽然 HTML5 可以为移动设备提供一些非常有用的功能,但是它不是为了这个需求而被创造的。事实上,早在2004年,Opera 和 Mozilla 为了解决乱糟糟的网页标准定义了一些好的设计的标准。他们的目的很简单,就是向 W3C 提交这些标准,从而创建一个更好用,更快速的 HTML 标准。这个标准直到2006年才被接受。而在短短的三年内,人们又起草了一个新的标准,审议通过并开始使用。
传说 #2:HTML5 要到2022年才会成熟
我不知道这句话是谁传出来的。我们知道 HTML5的起草文件已经在2009年审议通过,也就是没有新的内容可以被添加,也不会有显著的改动。你现在就可以使用 HTML5 了,并且不用担心向下兼容问题。你可以通过一些轻量级的 javascript 来让老版本的浏览器支持复杂的 Canvas 。所有新版本的浏览器支持 HTML5。你需要担心的不是 HTML 标签,而是 CSS。很多老版本的浏览器对 css3 的支持很差。
传说 #3: HTML5 需要 CSS3 支持
虽然CSS3 能为 HTML5 增色不少,例如语义 class 名字,但这决不是必须的。HTML5 只是标记语言,你当然可以使用 HTML5 + CSS2,只不过没有那么优雅。由于 HTML5 移除了属性和标签,所以你需要为每一个元素指定全部的样式。例如,在 HTML5 中,为了让浏览器正确的渲染页面,你需要为每一个页面元素设置“display:block”声明。简而言之,HTML5 需要样式来让也页面更好看,但不必须是 CSS3。
传说 #4:HTML5 破坏了可访问性(Accessibility)
相反,HTML5 从设计之初就考虑到了可访问性。每一个元素都支持 WIA ARIA 标志角色。这些角色可以让屏幕阅读器这类设备更好的理解页面的内容。
传说 #5:HTML5 是 flash 杀手
Flash 依然被无数的网站和开发者使用。关于 Flash 和 HTML5 之间的误解来源于 adobe 和 apple 之间的争执以及 HTML5 音频和视频应用的迅速普及。虽然 HTML5 可以很好的支持少量的视频播放,但是 HTML5 比 Flash 需要更多的编码资源,而且缺少那些浏览器插件提供的技术。目前类似 Vimeo 和 YouTube 大量的使用 HTML5 技术是为了推广这项技术,他们短期内不会彻底放弃 Flash。开发者 Viki Hoo 关于 Flash 仍然会广泛的被使用有一些令人信服的观点 。
但是从页面设计的角度来看,我们希望尽快的从 FLash 中解脱出来。 HTML5 学起来用起来都更容易。它不需要插件,装载快速,并且对移动设备很友好。所以不是 HTML5 干掉了 Flash,准确的说是 HTML5 将统治移动设计和开发市场。
传说 #6:只要在我的网站上添加了 HTML5 doctype,它就是 HTML5 网站了
从浏览器的角度来说,是的,添加了 HTML5 doctype 的网站都会被认为是 HTML5 网站。但是 HTML5 不仅仅是一个 doctype。它是一套完整的最佳实践、语义标签、排版元素例如等等。这些元素能让你的网站利 用浏览器的新功能,才能称得上是 HTML5。同时你也要注意那些在 HTML5 中被弃用的元素和属性,以保证兼容性。
传说 #7:使用 HTML5 会让我获得更多的妹子/工作/金钱/尊重……
熟练的掌握 HTML5 并不会让你看起来更性感,除非你是 Bruce Lawson。它也不会让你找到梦想的工作。你的实力还是需要通过设计能力,编码能力来体现。当然,学习新技术的热情和毅力是值得欣赏的。你有可能获得同事的尊重,如果你用你的所学帮助他们的话。
相关推荐
- jQuery中odd选择器的定义和用法 - Web前端
- 您是否深入研究过浏览器缓存的应用? - Web前端
- 常用的jQuery前端技巧收集 - Web前端
- 浅析jQuery EasyUI中的tree使用指南 - Web前端
- JQuery中使用.each()遍历元素学习笔记 - Web前端
- c#+JQurey实现获取radio和checkbox的值 - Web前端
- 使用ajax+jqtransform实现动态加载select - Web前端
- 如何在MVC应用程序中使用Jquery - Web前端
- 深入分析JQuery和JavaScript的异同 - Web前端
- jquery取子节点及当前节点属性值的方法 - Web前端
- 网页前端技术排行
-
- 1【第六章】Foundation之按钮和下拉功能 - Web前端
- 2jQuery编写widget的一些技巧分享 - Web前端
- 3基于jquery的滚动条滚动固定div(附演示下载) - Web前端
- 4jQuery实例教程:制作网页中可折叠的面板 - Web前端
- 5在Mac/PC上远程调试iPhone/iPad上的网页 - Web前端
- 6分析Iconfont-阿里巴巴矢量常用图标库 - Web前端
- 7JS网页制作实例:标签云 - Web前端
- 8[Web前端]用javascript实现默认图片替代未显示的图片 - Web前端
- 9分享精心挑选的12款优秀jQuery Ajax分页插件和教程 - Web前端
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


