什么是 HTML5?

html-css019

什么是 HTML5?,第1张

TML5是什么?

HTML5是指第5代HTML(超文本标记语言),也指用HTML5语言制作的一切数字产品。

网上的网页,多数都是由HTML写成的。

“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。

浏览器通过解码HTML,就可以把网页内容显示出来。

下图中就很清晰的指出了H5的涵盖范围:

HTML5之所以能引发如此广泛的效应,根本在于它不再只是一种标记语言,它为下一代互联网提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些应用标准化和开放化,从而使互联网也能够轻松实现类似桌面的应用体验。

网上说HTML5就是html的第5个版本,其实这不完全正确,HTML5已经不是单纯的一门标识语言,它是一门综合的技术,除了最基本的html、css、javascript外,还能够提供音频视频、图像动画、本地存储以及各种重要接口,为下一代互联网应用提供了全新平台。应该说有了HTML5,我们就能轻松实现类似桌面的应用(比如各种管理系统、手机app应用等)。

HTML5现在为什么收到很多企业的青睐,最关键的一点是跨平台,所谓的跨平台就是做出来的东西能够适应各种浏览器、各种设备、各种系统(iSO、安卓等),还能适应不同屏幕大小。对于企业来说,这样就能大大减少人力成本、时间成本等。你知道安卓开发、iOS开发现在为什么需求会有下降?其实,这部分市场被HTML5占领了。试想,一个企业开发一款app,要在安卓和iOS上都能运行,那么就需要两个开发团队,人力成本上去了,后面的维护也变得没那么容易。HTML5的出现解决了企业的难题,所以现在HTML5开发人员的需求依然紧缺。

HTML5(WEB前端)的技术组成

HTML5(WEB前端)技术由HTML(结构)、CSS(样式)、JavaScript(行为)组成。

如何理解结构、样式与行为

简单来说,HTML5(WEB前端)是“将设计图转换为用户查看的网页”所需要的技术。

结构实现的是网页中的标题、列表、图片等标签。

样式处理的是标题文字的字体大小、颜色,图片尺寸,某个标签的背景等。

行为可以实现网页中的时间,电商网站当中的倒计时效果,在注册表单时用户名是否重复的检测,网站当中顶部图片的切换特效等等。

简单的理解结构样式和行为:将网页看做一个装修好的功能完备的房子,那么结构实现的是房间以及家具的位置布局,样式则是针对房间进行装饰,行为是为房间添加“开门”等功能。