html5零基础学员入门教程 html5零基础入门学习教程

随着AI智能手机、平板电脑等移动终端设备越来越普及，客户在移动wap端花的时间也越来越长。H5开始火热起来，以文字、图片、动作漫画、音调等相混合的自媒体出现，给客户弄来咯全新体验，技术本身弄来的新奇感让人们心生向往。

下面我们就来聊一聊H5入门的一些知识吧！

什么是H5？

H5即HTML5，是指“HTML”的第5个版本，而“HTML”，则是指描述网页的标准语言。因此，HTML5，是第5个版本的“描述网页的标准语言”。

H5特性

H5 是 W3C 与 WHATWG 合作的结果，WHATWG 指 Web Hypertext 软件lication Technology Working Group。WHATWG 致力于 web 表单和应用应用程序，而 W3C 专门把小心力研究于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新的版本的 HTML。

H5 中的一些有趣的新特性：

用来绘画的 canvas 元素

用来媒介回放的 video 和 audio 元素

对本地离线存储的更加好的支持

新的特别内容元素，例如 article、footer、header、nav、section

新的表单控件，例如 calendar、date、time、email、url、search

H5的改进：

新元素

新属性

完整支持 CSS3

Video 和 Audio

2D/3D 制图

本地存储

本地 SQL 资料

Web 应用

H5语义元素

H5浏览器支持

最新的版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

IE9 以下版本浏览器兼容HTML5的方法

<!--[if lt IE 9]> <script src="http://cdn.static.runoob/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->

载入后，初始化新标签的CSS：

/*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

H5代码规范

1. HTML5 元素名应该使用大写和小写字母。

但讲解你使用小写字母：

混合了大小写的滋味是超级糟糕的。

研究人员往往一般使用小写 (类似 XHTML)。

小写滋味看起来更加清爽。

小写字母简无脑单编写。

2. 在 HTML5 中, 你不一定要关闭全部元素(例如

元素)，但建议你每一个元素都要添加关闭标签。

3. HTML5 属性值应该不用引号。

属性值我们讲解使用引号:

如果属性值含有空格需要使用引号。

混合滋味不讲解的，建议统一滋味。

属性值使用引号易于浏览。

4. 图片往往一般使用 alt 属性。在图片不应该展现时，它能替代图片展现。

5. 等号前后应该使用空格。

6. 使用 HTML 写器，差不多滚动代码是不方便的。

每行代码尽量少于 80 个字符。

7. 不要无缘无故添加空行。

为每一个逻辑功能块添加空行，这样更易于浏览。

缩进使用两个空格，不推荐使用 TAB。

对比短的代码间不要使用不必须的空行和缩进。

8. 样式表使用简洁的语法格式：

将左花括号与选择器放在同一行。

左花括号与选择器间添加一个空格。

使用两个空格来缩进。

冒号与属性值之间添加一个空格。

逗号和符号之后使用一个空格。

每一个属性与值结尾都要使用分号。

只有属性值包含空格时才使用引号。

右花括号放在新的一行。

每行最多 80 个字符。