HTML5移动前端开发基础与实战(微课版)
上QQ阅读APP看书,第一时间看更新

1.1 HTML5相关技术简介

HTML5是最新的HTML标准。HTML负责描述网页的框架,简单来说就是把网页分割成一个个矩形,然后把这些矩形嵌套起来,形成层级关系。2007年,互联网组织便着手设计最新的HTML标准,经过将近8年的修订,终于在2014年定稿,推出最新标准的HTML5,主要是加入了一些新标签,推广语义化的描述。

CSS负责描述HTML里面“矩形”的大小、位置、边框、背景等外观。现在,CSS标准通常使用CSS3,CSS3加入或统一了一些新的属性,如阴影、圆角、透明度等。

JavaScript负责定义网页的行为。最新的JavaScript加入了本地存储、绘图、WebSocket等一系列功能。

HTML5还有另一层含义,泛指HTML5(后面简称HTML)、CSS3和JavaScript的技术组合,这也是本书HTML5的含义。

一个完整的项目除了前端外,还包括后台开发,这里的后台指服务端和数据库。前端由浏览器解释执行,需通过请求后台接口访问数据库。市场上的各类软件,如购物系统、ERP系统、财务软件、游戏软件等都和数据库有关,所以真正的项目是离不开后台支持的。现在的企业分工较为明细,有兴趣的读者可以专注于前端开发。

常用的服务端编程语言包括PHP、C#、Python、Node.js等,需要部署在Web服务器上。常用的数据库包括MySQL、SQL Server、Oracle、MongoDB等。为简化部署和方便教学,本书使用JSON数据模拟后台进行介绍。

1.1.1 HTML

HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言。HTML运行在浏览器上,由浏览器解释执行。

HTML5的主要新特性如下。

●具有用于绘画的canvas元素。

●具有用于媒介回放的video和audio元素。

●对本地离线存储有更好的支持。

●具有新的表单控件,如calendar、date、time、email、url及search。

1.1.2 CSS

CSS(Cascading Style Sheets)即层叠样式表,主要用途如下。

●定义如何显示HTML元素。

●把样式添加到HTML中,解决内容与表现分离的问题。

●外部样式表通常存储在CSS文件中。

●重用较多时,外部样式表可以极大地提高工作效率。

1.1.3 JavaScript

JavaScript是互联网上最流行的脚本语言,可广泛用于服务器、PC、便携式计算机、平板电脑和智能手机等设备程序设计。

●JavaScript是一种轻量级的编程语言。

●JavaScript是可插入HTML页面的编程代码。

●JavaScript由浏览器解释执行。