十佳最受欢迎的编程语言 你擅长几个？ | HTML5资源教程HTML5 到底是什么_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
HTML5 到底是什么
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢知识普及：HTML 5到底是个什么东西 - 文章 - 伯乐在线
& 知识普及：HTML 5到底是个什么东西
一、什么是HTML，以及HTML 5
HTML是超文本标记语言的英文缩写，这是一种标记语言，不需要进行编译，直接由浏览器执行。
语言就必须有一个语法的规则，如果没有规则，谁知道应该把一个HTML元素以怎样的形式展现给用户呢？目前HTML语言的标准是由 W3C（World Wide Web Consortium）负责制定的。依照规则，无论是何种浏览器，对于相同的HTML代码，应当展现给用户相同的效果。
目前HTML语言最新版本为4(HTML 4)，此外还有一个可扩展超文本标记语言（XHTML）作为其扩展版本，提供更为丰富的功能和更严谨的语法规范。
HTML 5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。日，W3C发布了最新的 HTML5工作草案，HTML工作组包括AOL、Apple、Google、IBM、 Microsoft、Mozilla、Nokia、Opera等数百个开发上。HTML5中增加了许多新特性，例如嵌入音频、视频和图片的函数、客户端存 储数据、交互式文档等，通过制定如何处理所有HTML元素以及如何从错误中恢复的精确规则，HTML5进一步增强了互动性，并有效减少了开发成本。
二、HTML5 有哪些特质
我们来看看W3.org列举出来的8个Class技术描述：
A. 语义特性（Class：Semantic）
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
B. 本地存储特性（Class: OFFLINE & STORAGE）
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一） 和API说明文档。
C. 设备兼容特性 (Class: DEVICE ACCESS)
从Geolocation 功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用 接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联
D. 连接特性（Class: CONNECTIVITY）
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技 术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据’推送’到客户端的功能。
E. 网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。
F. 三维、图形及特效特性（Class: 3D, Graphics & Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
G. 性能与集成特性（Class: Performance & Integration）
没有用户会永远等待你的Loading——HML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。
H. CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。
Apple 官方对HTML5的各个特性做了详细并且动态的展示：
三、Html 5与Html 4的区别
A.简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写，这就行了。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。
B. 一个替代Flash的新”canvas”标记
对于Web用户来说，Flash既是一个惊喜，也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着要花几年时间加载和运行的臃肿的Flash视频的人来说，用新的 “canvas” 标记生成视频的技术已经到来。
目前， “canvas” 标记并不能提供所有的Flash具有的功能，但假以时日，Flash必将从web上淘汰。我们拭目以待，因为很多人还并不认同这种观点。
C. 新的 “header” 和 “footer” 标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些”header” 和”footer” 等新标记的出现，它们是专门为标志网站的这些部分设计的。在开发网站时，你不在需要用”div”标记来标注网页的这些部分。
D. 新的 “section” 和 “article” 标记
跟”header” 和 “footer”标记类似，HTML5中引入的新的”section” 和 “article” 标记可以让开发人员更好的标注页面上的这些区域。
据推测，除了让代码更有组织外，它也能改善SEO效果，能让搜索引擎更容易的分析你的页面。
E.新的 “menu” 和 “figure” 标记
新的”menu”标记可以被用作普通的菜单，也可以用在工具条和右键菜单上，虽然这些东西在页面上并不常用。
类似的，新的 “figure” 标记是一种更专业的管理页面上文字和图像的方式。当然，你可以用样式表来控制文字和图像，但使用HTML5内置的这个标记更适合。
F. 新的 “audio” 和 “video” 标记
新的”audio” 和 “video” 标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称，它们是用来嵌入音频和视频文件的。
除此之外还有一些新的多媒体的标记和属性，例如”track”，它是用来提供跟踪视频的文字信息的。有了这些标记，HTML5使Web2.0特征变得越来越友好。问题在于，在HTML5还未被广泛的接受之前，Web2.0还是老的Web2.0。
G. 全新的表单设计
新的 “form” 和 “forminput” 标记对原有的表单元素进行的全新的修改，它们有很多的新属性(以及一些修改)。如果你经常的开发表单，你应该花时间更详细的研究一下。
H. 不再使用 “b” 和 “font” 标记
对我个人来说，这是一个让我不太理解的改动。我并不认为去除 “b” 和 “font”标记会带来多大的好处。我知道，官方的指导说这些标记可以通过CCS来做更好的处理，但这样一来，为了在文章一两个地方出现的这种标记，你就 需要在独立的css和文本两个地方来实现这一的功能，岂不笨拙。也许我们以后会习惯这种方法。
i. 不再使用 “frame”, “center”, “big” 标记
事实上，我已经记不清曾经何时用过这些标记了，所以，我并不为去除这些标记感到悲哀。相同的原因，有更好的标记能实现它们的功能——这很好，任何作废的标记从标准中剔除都是受欢迎的。
四、早期试行者：
体验 HTML5 的最好浏览器是那些基于 Webkit 引擎的浏览器（Apple 开发的开源浏览器内核），如 Chrome 和 Safari，Firefox 不太流畅，即使现在Firefox 9官方声称完美支持HTML5，但是实际应用中，我们发现还是相对于Chrome和Safari欠缺许多。
W3C在2011年上半年正式推出了HTML5的初步标准，随之而来是谨慎的Mircosoft 发布了完美支持HTML5的IE9.
当然，介于目前浏览器市场玲琅满目，目前除了主流的浏览器的最新版本之外，之前的版本都在或多或少的拒绝HTML5。
五、其他Html 5开发相关站点：
PhoneGap是一个开源的、基于JavaScript语言、用于快速和简便开发手机应用程序的开发框架，用来构建跨平台的使用HTML，CSS 和JavaScript的移动应用程序。我们将会放出phoneGap的详细介绍。它是最普及的HTML5 to App的工具。
JSDO.IT是一个js 代码分享的网站，强调社区参与和协作，它可以让程序员，开发者在站内分享自己写的程序代码和作品，也可以在站内相互交流，共享JS代码相关的内容，是通过 社交网络或社区为基础来建立的代码分享功能的网站。其界面流畅，带有自动更新的预览面板，可接受开源JS库。另外，它还有一个独特的性能，即可在智能手机 中打开浏览器查看的“智能手机预览”命令。这个工具需要用户注册并登陆才能使用。
HTML 5 Boilerplate 是一个HTML / CSS / js模板，是实现跨浏览器正常化、性能优化，稳定的可选功能如跨域Ajax和Flash的最佳实践。
此网站由业界众多专业资深前辈共同发起的一个开源开发模板站点，来帮助大家快速使用HTML5技术开发网站，同时兼容其他各种旧版本的浏览器浏览体验。 HTML5 Boilerplate并不是一套框架，他仅仅是一套模板。大家可以把他当作自己的新项目模板，在此基础上建立自己的项目。这一网站志在建立一套简单的模 板帮助大家快速的进行开发，一般来说下载了这套模板后，便可以在其上进行修改，测试，查看兼容性浏览等。
所有程序员开发者,或是对HTML5有过些许了解的人都听说过有一本程序员编程手册《PRO HTML5 PROGRAMMING》，而此网站是此书的线上官方站点，除了提供书中所提及的关于目前Html 5提供新特性讲解的部分内容，包括使用实例讲解API的调用方法等等，同时还提供更多线上编程方面的指导学习资料，以及学习实践工具。值得收藏。
在beautyoftheweb网站上,可以下载到40种语言的IE9 RC版（开发者体验版），通过Bautyoftheweb，开发人员和爱好者即可有规律地对IE9平台上的HTML5实现效果进行预览，目前，此网站上的 IE9 RC版可以直接下载，同时还可以看线上指导视频，就算非开发者，程序员也能通过视频，领略到HTML5在IE9平台上带来的良好体验感受。目前所有RC版 下载都是免费得，比较开放，透明。可以说，这是微软为了宣传IE9而进行推广的一个网站。
六、DamnDigital（互动中国）特别推出过的案例学习：
七、基于HTML 5的优秀作品：
参考资料：
可能感兴趣的话题
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页，交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2017 伯乐在线等级:v7.6.2.0绿色版200M简体推荐理由:hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据版本：
等级:v7.3.1官方中文版2.7M多国语言[中文]推荐理由:Notepad++是程序员必备的文本编辑器，支持27种编程语言，Notepad++中文版通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，完全可取代系统笔记本版本：
等级:官方中文正式原版278.8M简体推荐理由:CS6新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 FTP 性能，更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码版本：
等级:v3.3126中文绿色版19M简体推荐理由:高级文本编辑器 Sublime Text中文版下载，高级文本编辑器，拥有高效、没有干扰的界面，功能设置非常人性化，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作版本：
等级:V4.2官方版110M简体推荐理由:Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE版本：
等级:v4.0.0.522中文免费版4.2M简体推荐理由:EditPlus 是一款为Internet 准备的、运行于 Windows 下的32位文本、HTML 编辑器, 同时也是程序员们非常喜爱的编辑器。你完全可以用它代替Windows笔记本, 它也为许多网页高手和程序员提供便利版本：
等级:9.0.3官方版136M英文推荐理由:WebStorm是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令版本：
等级:7.4版 linux编辑器8.5M英文推荐理由:Vim是Linux上的著名的文本编辑器，他是早年的Vi编辑器的加强版。这个gVim是windows版的，并且有了标准的windows风格的图形界面，所以叫g(graphical)Vim。这是一个国际版本，会根据安装的平台自动选择相应语言包，支持中文及其各种编码，连界面也是中文的，请放心使用。这个极具Unix特色和风格(simple is the best)的编辑器相信会给您带来不同的感受版本：
等级:V10.7官方版892M英文推荐理由:MyEclipse，是十分优秀的用于开发Java, J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错版本：
等级:v3.5官方版1.87G简体推荐理由:WeX5开发工具是一套免费开源的html5开发工具，用来开发安卓、苹果、web、微信服务号等等，采用Apache源码，所有的代码都是免费开放的，可以尽情开发出你想要的app。版本：
等级:v15.30.0.16中文官方版37.1M简体推荐理由:UEStudio 包括 UltraEdit 的所有功能，UEStudio 特别为在Windows系统进行软件开发而设计，是一个强力的程序设计平台,UEStudio 14中文完美版，内含注册机
等级:1.0.1.0绿色版918KB简体推荐理由:万能网页编辑器是一款简单功能强大的编辑器，万能网页编辑器可以用来编辑维护主页，为用户提供了很大的发展空间。万能网页编辑器也是一款简单实用网页编辑器，即使你是一个新手只要稍加学习也很很快上手版本：
等级:v2.2.9.0官方中文版4.3M多国语言[中文]推荐理由:如果你需要一款能够进行Web代码设计的文本编辑器，那么Bluefish一定是非常适合你的web网页编辑器。Bluefish 文字和图标结合的都很好，非常专业却不令人生畏，初学者能够快速上手版本：
等级:4.2.4绿色版24KB英文推荐理由:EditRocket是一个功能强大的代码编辑器，EditRocket支持超过20种语言，包括HTML ， PHP和CSS ，java脚本，Python, Ruby, Perl, EditRocket包括许多工具，可帮助用户编写代码，诸多功能如语法高亮，代码创建和sidekicks ，导航，功能查询，代码和标记完成，正则表达式搜索和替换，支架和标签匹配， HTML格式，CSS ，和XML文件属性和比较。L, C, C++, Shell Script版本：
等级:2.0.2605免费版4.3M简体推荐理由:FirHtml网页编辑器一个简洁，小巧的网页编辑器。 我们通过上一代，开发出全新的网页编辑器，帮助您高效地设计出精美的网页！新版增加了添加文件域功能版本：
等级:v1.0绿色版219KB简体推荐理由:战风网页编辑器是一个具有较全面功能的HTML网页编辑器，它使用了IE内核,是一个具有很强编辑功能的网页编辑工具版本：
等级:v3.62免费版4.1M英文推荐理由:Fresh HTML可以实现如同编辑文本文件一样对HTML页面进行编辑。它使用方便，支持对HTML代码进行调整，以适合页面效果版本：
等级:v1.0绿色版1.9M简体推荐理由:奇梦网页编辑器是一款功能强大的编辑器工具，工具为绿色版本，简单易用，主要功能可帮助您轻松便捷的进行网页代码的编辑，内置了多种的代码，让您无需手动编写，轻松的制作出精美的网页版本：现在手机游戏都用什么语言？有纯html5开发的吗，html5工程师前景怎样？
4回复 480浏览
如题。。。。。。。。。
我喜欢程序员，他们单纯、固执、容易体会到成就感；面对压力，能够挑灯夜战不眠不休；面对困难，能够迎难而上挑战自我。他
们也会感到困惑与傍徨，但每个程序员的心中都有一个比尔盖茨或是乔布斯的梦想“用智慧开创属于自己的事业”。我想说的是，其
实我是一个程序员
java objective-c，还有最近新出的swifthtml严格意义上不是编程语言
一楼正解…
用一个不太恰当的比方…html跟排版差不多，只是决定你的内容的格式和表现方式罢了。真要进行什么数据的处理，需要调用后台的程序。
另外安卓开发游戏，除了用java，也可以用C/C
…
我感觉，一般来说，C
,Python,Ruby,Java是现在比较火的语言…
只会用某几种语言只能叫码农，懂数据结构和算法才能称得上工程师…发自手机虎扑
html5老样子不是网页？？？？？？？？？？？？？
最喜欢的球员 AI . 最喜欢的团队 SA .
您需要登录后才可以回复，请
& 允许多选