什么是HTML?HTML5是什么?HTML5有那些优势和特性?

一、什么是HTML

在了解html5之前,首先要说一下html语言,尽管是更新后的5,但很多的地方还是保留了html的优势。

HTML是HyperText Markup Language超级文本标记语言的缩写,是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。从第一版的出现到现在,html已经经历了5次的改版,从HTML 2.0到HTML 5,html用自身的优势证明了其在网站中的优势,以至于替代了古老的C语言编程来架构部分网站。

HTML有以下特点 :

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

二、什么是HTML5

HTML5是HTML(超文本标记语言)的第五次更新的产品,这是一种解释型的语言,文件的扩展名的后缀为.htm或者.html的形式,这是众多厂商联合开发出来的产品,据说W3C将会在2022年推出标准版。虽然现在仍处于不断的完善中,但新增的新特性,新功能,不仅能节约Web开发者的时间和周期,还能提升用户的体验,更好的为开发者服务。

在HTML的时代,满屏的都是div元素,结构混乱,不易阅读,代码臃肿。在HTML5中,新增了许多语义化的布局标签,比如nav,header,footer,article等,使布局的网页结构清晰明了。还新增了音频,视频,图像,绘图,动画等功能,在以前,这些都是要用flash才能完成的。使用HTML5新增的功能能做出许多酷炫的效果。

三、HTML5特性

1、语义特性(Class:Semantic)

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

2、本地存储特性(Class: OFFLINE & STORAGE)

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

3、设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

4、连接特性(Class: CONNECTIVITY)

更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

5、网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

6、三维、图形及特效特性(Class: 3D, Graphics & Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

7、性能与集成特性(Class: Performance & Integration)

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。

8、CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。

四、HTML5的优势有哪些?

1,跨平台性

  在HTML5到来之前,由于平台的多样性,导致每开发一套产品,就要针对不同的平台开发多套版本,耗费大量的时间和精力,而且还增加了大量的开发成本,而HTML5技术的出现却能很好的解决这个问题,开发者只要使用一套程序,就能够很容易的实现多个平台的展现功能,降低了开发难度,节约了开发时间和成本的投入。

2,即时更新

之前原生应用上线Appstore,都需要等待很长的审核时间,一旦出现问题需要更新,则还要重新审核,无形中浪费了大量的时间。而HTML5是通过浏览器进行加载的,所以不存在这样的问题,如果出现什么问题,可以及时的更新上线,不需要等待审核时间。

3,离线缓存功能

HTML5中最酷的特性就是离线缓存。通过JavaScript提供了数种不同的离线储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。它拥有更好的安全和性能,即使浏览器关闭后也可以保存。

4,视频和音频的支持

之前在实现播放媒体功能时,一直是开发者比较痛苦的事情,需要让你的视频和音频通过HTML5标签和来访问资源。并且为了它们能正确播放必须赋予一大堆的参数。这样你就要不断的重复标签,你的代码也会变得十分繁琐。现在,这一切都将变的非常简单。

5,清晰的代码

HTML5可以让你写出简单清晰的代码。使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。让你的代码更加清晰易于理解。

6、现在就用HTML5

截至目前而言,主流的网页浏览器Firefox5、Chrome 12和Safari 5都已经支援了许多的HTML5标准,而且目前最新版的IE也支援了许多HTML5标准,随着使用者陆续升级到新版的浏览器,开发者应该在现在就可以招收开发!兼容性问题会随着时间的推移而越来越少。但对于不得不照顾低版本用户的网站,网上也有大量的相关解决方案。

上海前端培训编辑整理,更多前端文章推荐:
【上海前端培训】使用html+css+js实现日历与定时器》;
Html5前端如何实现文字边框阴影》;
实现HTML5 移动页面自适应手机屏幕的4种方法

原文地址:https://www.cnblogs.com/shsxt/p/9152938.html

时间: 2024-10-10 08:17:00

什么是HTML?HTML5是什么?HTML5有那些优势和特性?的相关文章

玩转html5(一)-----盘点html5新增的那些酷酷的input类型和属性

今天正式开始学习html5了,相比html以前的版本,html5新增了好多功能,属性,使我们做出来的界面更加的绚丽,而且使用起来超级简单,这篇文章先来说说html增加的那些input类型和属性. html5新增的input类型有:email,url,number,range,date pickers,datalist,telephone,search,color email:提交时会自动验证输入的内容是否满足格式 邮箱 :<input type="email" name=&quo

jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案.因此我就在这里做一个demo,供大家相互学习.html5开发越来越流行了,而对于视频这一块也是必不可少的一部分.如何让你的网站占据优势,就要看你的功能和用户体验了.html5对video还是做了很多优惠的东西,我们使用起来很得心应手. 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站.虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务.但是这种状况将会随

HTML5 简介、HTML5 浏览器支持

HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定. HTML5的设计目的是为了在移动设备上支持多媒体. HTML5 简单易学. 什么是 HTML5? HTML5 是下一代 HTML 标准. HTML , HTML 4.01的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. HTML5 是如何起步的? HTML5 是 W3C 与 WHATWG 合作的结

HTML5学习总结——HTML5入门与新增标签

一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序(RIA)对 Flash, Silverlight, JavaFX 一类浏览器插件的依赖. 1991年HTML1.0标准出现1997年HTML4.0发布,4.0标准下的浏览器局限性Flash (安全与稳定堪忧.耗电.触摸.不开放)SilverlightJavaApplet2008年HTML5出现, W

【html5】使用 html5 的十大原因

你难道还没有考虑使用 html5? 当然我猜想你可能有自己的原因:它现在还没有被广泛的支持,在 ie 中不好使,或者你就是喜欢写比较严格的 xhtml 代码.html5 是 web 开发世界的一次重大的改变,事实上不管你是否喜欢,它都是代表着未来趋势.其实 html5 并不难理解和使用.我们这里能列出许多原因为什么现在要开始使用 html5. 目前有很多的文章介绍使用 html5 并且介绍了使用它的优势和好处,没错,这篇文章也类似.随着更多这样的文章,以及 apple 的支持,adobe 围绕

HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册

HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册. 超过2G 的 HTML5 视频教程免费分享,免费下载! 尚硅谷前端HTML5视频_HTML & CSS 核心基础教程(103集实战教学,从入门到精通) 本套视频适合零基础并且对前端知识感兴趣的同学.内容涵盖HTML基础.标签.CSS 选择器.盒子模型.浮动.定位.图片整合.PS 切图等页面相关常用技术. 视频最后包含一个实战项目:将一个 PSD 设计图转换为一个商业网站的首页.让同学们体验前端页面开发的全过程. 通

HTML5开发学习教程,学习HTML5还是学习HTML5的制作工具?

一名优秀的HTML5前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司往往出高薪也很难招到理想的前端开发工程师.现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解.技术非黑即白,只有对和错,而技巧则见仁见智. 以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了.无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫WEB前端开发. HTML5前端开发在产品开发环节中的作用变得越来越重要,

什么是HTML5,做HTML5页面需要学习什么

什么是HTML5,做HTML5页面需要学习什么?很多人问过我这个问题,而问这个问题的人基本上都是刚听说过HTML5,处在懵懂的阶段,他们往往会被一些网上炫酷页面所吸引,开始的目的也很简单,能通过自己的努力做出这些页面,而这些页面效果一般只要通过简单的html和css就能实现,但这仅仅是表面现象,做出来与做好是两码事.而要做好它,必须要深入地去了解什么是HTML5. 在这里小编建了一个前端学习交流扣扣群:132667127,我自己整理的最新的前端资料和高级开发教程,如果有想需要的,可以加群一起学习

HTML5你必须知道的28个新特性

HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考 1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src="path/to/image" alt="About image"/> <figcaption

[html5] 学习笔记-html5增强的页面元素

在 HTML5 中,不仅增加了很多表单中的元素,同时也增加和改良了可以应用在整个页面中的元素.重点包含 figure.figcaption.details.summary.mark.progress.meter.ol.dl.cite .small元素. 1.figure,figcaption元素 figure元素用来表示网页上一块独立的内容,可以是图片.统计图.代码实例. figcaption元素从属figure元素,表示figure元素的标题:一个figure元素只能放置一个figcaptio