H5

前言：H5也就是HTML的第五版本，HTML5。术语是：Hyper Text Markup Language懂点英语的都知道，翻译过来就是超文本标记标签语言。这样子懂英文和不懂英文的都知道HTML的术语名称了。

首先我们要了解HTML这门语言是用来做什么的？

所谓的超文本标记标签语言（也可以称标签为特定指令），就是除了标记标签语言之外的超文本。那什么是超文本呢？各位看官不知知道否？超文本就是除了文字以外要显示在网页上的图片，视频，音频。当你想做网页的时候，你怎样才能让浏览器去识别你敲得代码。HTML就是你们之间沟通的桥梁。你只有通过HTML超文本标记标签语言，遵守它的W3C标准，浏览器才能在网页上显示你的代码转变的结构。所以HTML的作用就是让浏览器识别前端代码。一个前端必会的三种技能之一，HTML，CSS,JS。同时也是网络三大基石之一HTML,HTTP（超文本传输协议）,URL（统一资源定位符）。看到这，各位看客也应该都知道HTML的原理了。

做前端的首先要考虑的是浏览器的兼容性，一旦浏览器不兼容你写再多的代码也是白搭。还好H5兼容大部分浏览器，也就大致上不存在兼容性的问题。

接下来我们要了解H5和H4的差异性。

相对于H4，H5的语法更为简洁。比如文档类型声明，html标签，meta标签，script标签等等。一个简单的网页结构分为两个部分，一个是head，一个body。head标签里又有6个子标签：title,meta,base,script,style,link。

在语法上，H5之前的音频视频都是靠插件才能实现的，而H5新增加的<vedio>,<audio>两个标签就解决了这个问题，不需要任何插件就能够实现播放视频，音频功能，大大提高开发简洁性，可读性，效率大大提高。

在网页的结构上，H5增加了<header><footer><section><article>等标签，明确表示网页的结构而又提高了网页的可读性，这样搜索引擎就能轻易抓取到网页的重点，提高seo（搜索引擎优化）。

有增加肯定就有淘汰的，在H5中也废除了一些标签，比如：<font><big><u>等等，这些标签都是笔者在13年大学的时候亲身学的。那时候接触前端的时候懵懵懂懂的，觉得好神奇。如今已被淘汰了。科技是在进步的，必然是知识在进化。

一个网页的表单功能是很重要的，不出意料，H5对表单<form>也是很看重的，添加了许多标签和新属性。

更为神奇的是，H5新增加的<canvas>能够绘制图形在页面上通过和JavaScript的搭配。

H5提供了多种API，比如：web SQL Database让设计者可以脱机访问客服端client的数据库。