关于HTML5你不得不知道的五件事情

fmms 9年前
     <strong>1.  HTML5并非是一整块</strong>    <p style="text-align:center;"><img alt="关于HTML5你不得不知道的五件事情" src="https://simg.open-open.com/show/9a28c73abf8ea0538f7b4248dd8c744c.jpg" width="226" height="166" /></p>    <p>        你也许会问:“如果老的浏览器不支持 HTML5,我该如何开始呢?”这个问题本身就是具有误导性的。HTML5并不是一大块整体,而是一系列单独特性的集合。所以你是不可能去检测 “HTML5支持性”的,因为根本就没有这种东西存在。但是你可以测试对某些特性的支持,比如画布功能、视频功能、地理定位功能。</p>    <p>        你可能认为 HTML5 是一系列标签和尖括号。这的确是 HTML5 中很重要的部分,但并非全部。HTML5还定义了如何让这些尖括号通过文件对象模型(Document Object Model ,DOM)和 Javascript 交互。比如,HTML5并不是只定义一个     <video>      标记,同时还会有针对相应视频对象的 DOM API。你可以使用这个 API 来检测对不同视频格式的支持,如播放视频、暂停、静音、记录下载进度,以及其他你需要围绕着这个      <code>       <video></video></code>      <code>标记</code>来构建丰富用户体验的功能。     </video></p>    <p>        <strong>2.  你不需要丢弃现有的任何东西</strong></p>    <p style="text-align:center;"><img alt="关于HTML5你不得不知道的五件事情" src="https://simg.open-open.com/show/5ed004c90703360a6b7ccd2f292896ce.jpg" width="134" height="196" /></p>    <p>        不管是喜欢还是不喜欢,你都不可否认 HTML4 是有史以来最成功的标记语言。HTML5就是建立于它的成功之上。你不需要丢掉现有的标记,你也不需要重新学习你已经知道的东西。如果你的 Web 应用以前是用 HTML4 运行的,那么它现在在 HTML5 的标准之下仍然可以运行。</p>    <p>        现在,如果你想要提升你的 Web 应用,你就找对了地方。这里有一个具体的例子:HTML5支持所有来自于 HTML4 中对表单的控制,但它同时还包括了一些新的输入控制。其中包括一些期待已久的功能,如滑块和日期选择器,另外还有些更微妙的,例如:邮件输入类型看起来就 像一个文本框,但是移动浏览器会定制它们的界面以便让输入邮件地址更容易。老的不支持邮件输入类型的浏览器会将它仍然看做一个常规的文本域,表单在不对代 码做修改的情况下是可以正常进行的。这意味着你可以现在就提升你的 Web 表单,即使你的一些访客还在使用 IE 6。</p>    <p>        <strong>3.  开始非常容易</strong></p>    <p style="text-align:center;"><img alt="关于HTML5你不得不知道的五件事情" src="https://simg.open-open.com/show/6e67e0b822cbc06dcdcea1a04e65754c.jpg" width="234" height="202" /></p>    <p>        “升级到”HTML5和改变你的 doctype 一样简单。Doctype 应该已经是每一个 HTML 页面的第一行了,之前的 HTML 版本定义了很多 doctypes,选择正确的 doctype 是件很困难的事情。但是在 HTML5 中,只有一种 doctype:。</p>    <p>        升级到 HTML5 的 doctype 不需要你改变现有的标记,因为所有在 HTML4 中定义的标签在 HTML5 中仍然可以使用。但是现在,你可以使用新的语义元素,比如</p>    <article>     、     <section>      、      <header>       和       <footer>        。        <p></p>        <p>        <strong>4.  HTML5已经在很好地工作了</strong></p>        <p style="text-align:center;"><img alt="关于HTML5你不得不知道的五件事情" src="https://simg.open-open.com/show/fabf14bf0d208d99b7baa7b8eed67645.jpg" width="227" height="192" /></p>        <p>        不管你自己是否想要利用 HTML5 在画布上绘图、播放视频、设计更好的表单,或是构建能离线工作的 Web 应用,你会发现 HTML5 已经得到良好的支持了。Firefox、Safari、Chrome、Opera 以及移动浏览器都支持<a href="/misc/goto?guid=4958325320287300778" target="_blank">画布</a>、<a href="/misc/goto?guid=4958325321095590291" target="_blank">视频</a>、<a href="/misc/goto?guid=4958325321883785064" target="_blank">地理定位</a>、<a href="/misc/goto?guid=4958325322678744534" target="_blank">本地存储</a>,以及其他更多特性。</p>        <p>        Google 已经支持<a href="/misc/goto?guid=4958325323484162908" target="_blank">微观数据的注解</a>(microdata annotations)。甚至是 Microsoft——很少会支持开放标准的公司——也在 IE9 中支持 HTML5 的大多数特性。</p>        <p>        <strong>5. HTML5 就是未来</strong></p>        <p>        Tim Berners-Lee 在 20 世纪 90 年代早期发明了 world wide web。他接下来创立了 W3C 作为 Web 标准的管家,这个组织扮演这个角色已超过 15 年了。下面是 W3C 在 2009 年对 Web 标准的预言:</p>        <p>        今天,董事会宣布,截至 2009 年底,当 XHTML2 工作组章程(XHTML 2 Working Group charter)届满时,章程将不再更新。通过这样做,以及在 HTML 工作组(HTML Working Group)增加资源,W3C 希望能加快 HTML5 的进展,并表明 W3C 对 HTML 的未来问题上的立场。</p>        <p>        所以,HTML5就是未来。</p>        <p>        英文原文:<a href="/misc/goto?guid=4958325324292719185">Five Things You Should Know About HTML5</a></p>        <div id="come_from">         来自:         <a id="link_source2" href="/misc/goto?guid=4958325325084527389" target="_blank">www.iteye.com</a>        </div>       </footer>      </header>     </section>    </article>