HTML5该怎样学？HTML5入门知识汇总

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

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

什么是H5？

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

H5特性

H5 是 W3C 与 WHATWG 合作的结果，WHATWG 指 Web Hypertext Application 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的方法

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

H5代码规范

1. HTML5 元素名可以使用大写和小写字母。

但推荐你使用小写字母：

混合了大小写的风格是非常糟糕的。

开发人员通常使用小写 (相似 XHTML)。

小写风格看起来更加清新。

小写字母容易编写。

2. 在 HTML5 中, 你不肯定要关闭所有元素 (例如

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

自己是从事了五年的前台工程师，自己整理了一份最全面前台学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理，送给每一位前台小伙伴，有想学习web前台的，或者是转行，或者是大学生，还有工作中想提升自己能力的，正在学习的小伙伴，需要可以私聊我哟，这是我的前台开发qun，【六零三】【九八五】【九九三】，直接群里下载，对于学习web前台有任何疑问（学习方法，学习效率，如何就业）都可以问我，

3. HTML5 属性值可以不用引号。

属性值我们推荐使用引号:

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

混合风格不推荐的，建议统一风格。

属性值使用引号易于阅读。

4. 图片通常使用 alt 属性。在图片不能显示时，它能替代图片显示。

5. 等号前后可以使用空格。

6. 使用 HTML 编辑器，左右滚动代码是不方便的。

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

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

为每个逻辑功能块增加空行，这样更易于阅读。

缩进使用两个空格，不建议使用 TAB。

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

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

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

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

使用两个空格来缩进。

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

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

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

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

右花括号放在新的一行。

每行最多 80 个字符。