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由浏览器解释执行。