HTML5 中的一些新特性 -- CSS/HTML -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> CSS/HTML --> HTML5 中的一些新特性

HTML5 中的一些新特性

浏览:1619次出处信息

简洁的DOCTYPE：

HTML5 只有一个简单的文档类型：<!DOCTYPE html>。它不使用版本，因此该文档类型适用所有版本的HTML。

简单易记的语言标签：

你并不需要在<html> 中使用xmlns 或xml:lang标记。<html lang=”en”> 将对HTML5 有效。

简单易记的编码类型：

你现在可以在meta 标签中使用”charset”：<meta charset=”utf-8″ />

不需要闭合标签：

在HTML5 中，空标签（如：br、img 和input ）并不需要闭合标签。

废弃的标签：

下面这些标签并不被HTML5 支持： <acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>、<strike>、<tt>、<u> 和<xmp>。

更加语义化的新增标签：

HTML5 新增的一些新标签除了不仅仅是更具语义的<div> 标签的替代品，并不提供额外的功能。这些都是新增的标签：<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>。

表单增强:

HTML5 为表单提供了几个新的属性、input 类型和标签。到目前为止，只有Opera 对HTML5 有比较好的支持。你因此应该下载Opera 来查看大部分新特性如何工作。

新的INPUT类型：color, email, date, month, week, time, datetime, datetime-local, number,range,search, tel, 和url
新属性：required, autofocus, pattern, list, autocomplete 和placeholder
新元素：<keygen>, <datalist>, <output>, <meter> 和<progress>

视频和音频:

音频: ogg (ogg, oga), mp3, wav, AAC
视频: ogg (ogv), H.264 (mp4)

基于JavaScript 的2D 绘画: HTML5 中最让人兴奋的特性是<canvas> 还有很多内容，比如数据存储，拖放等等。。。一点一点学习ing；

===================================================================

另：昨天在淘宝上搜索到一本中文的html5的书――《HTML 5用户指南》,这本书翻译至《INTRODUCING HTML5》，作者博客：http://remysharp.com/，这好像是目前唯一一本中文的关于html5的书。

HTML 5用户指南

【内容简介】
本书共分为10章系统全面地介绍了html 5规范的核心内容，以及这些内容在当前浏览器中的支持情况，并告知开发者如何在当前的环境下应用这些功能，开发出漂亮的web应用。本书短小精悍，但是信息量巨大；本书注重实践，其中的示例代码都具有很强的启发性和可操作性。对于初学者，本书是了解html 5的很好的入门；而对于想要了解html 5知识和应用的有经验的web开发者，阅读本书更是轻车熟路，能很好地加深对web开发和html 5的理解。
当前，html 5是人们热衷于讨论的话题，不管你是否准备好了，都需要熟悉web和应用程序设计方面这一强大的新进展。已有的浏览器已经开始实现html 5的一些新功能，并且更多的浏览器在摩拳擦掌。
本书的作者在过去一年里一直使用html 5工作。本书介绍了如何使用这一新的语言，以实现它在当今浏览器上的优点。本书不是一本学术专著，它注重实用性，即html 5当前能为你解决的问题。通过本书以及书中的html 5代码示例，你将学会：
新的语意和结构，以帮助你的站点变得更丰富和更具可访问性。
如何应用最重要的、已实现的javascript api。
视频和音频的本地多媒体应用。
如何使你的web应用在脱机状态下可用.
使用画布绘制线条、填充、渐变、图像和文本的技术。
如何构建更智能化的web表单。
实现新的存储选项和web数据库。
geolocation如何在web和移动应用中与html 5协作。

建议继续学习：

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

<< 前一篇：模拟宽度自适应的输入框

后一篇：CSS3圆角详解 >>

文章信息

作者：愚人码头来源： WEB前端开发
标签： HTML5
发布时间：2010-12-08 22:13:57

建议继续学习

近3天十大热文