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的方法

<!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/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 中, 你不一定要关闭所有元素(例如

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

本次给大家推荐一个免费的学习圈，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。
对web前端开发技术感兴趣的同学，欢迎加qun：六零三九八五九九三，不管你是小白还是大牛我都欢迎，
还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天解答问题。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

使用两个空格来缩进。

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

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

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

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

右花括号放在新的一行。

每行最多 80 个字符。

HTML5该怎么学？HTML5入门知识汇总相关推荐

学理财应该从哪些学起_学理财入门知识理财的知识有哪些
学理财入门知识理财的知识有哪些一.找到我们的财务梦想,树立理财的目标. 好了,你的财务梦想已经找到了,下一步,请把你的梦想按照时间排个序,比如一年内要实现的. 3 年内要实现的. 10 年内要实现 ...
恶意代码入门知识汇总
前言该文章是恶意代码领域入门知识的资料汇总. PE文件结构博主把这条放在第一个,是因为PE文件结构是基础中的基础. PE文件结构
css a标签去掉下划线_CSS入门知识汇总
1.CSS认识在谈论CSS的概念之前,我们先说一说web标准的目的--其在于创建一个统一的用于web表现层的技术标准,以便通过不同浏览器或终端设备向最终用户展示信息内容.一个网页的呈现是由三部分组成 ...
重学python入门知识
为什么重学基础是保障,不重基础后面真的很难走. 神经网络学习遇到瓶颈了,那些代码真看不下去了,还是学长了解我们,安排了个看基础的任务哈哈. 还是画上两个小时看看基础吧,找找自信的同时查缺补漏,希望 ...
NeRF入门知识汇总
NeRF 在2020年ECCV上名声大噪,作为best paper展示(https://www.matthewtancik.com/nerf) 作者在网上收罗了NeRF的相关评说,汇总如下,内容可能杂 ...
敲代码时如何快速移动光标_数控加工中心编程入门知识，半小时快速入门！
数控加工中心编程入门知识汇总,教你半小时快速入门!不管做哪一行,想要成为个中高手,必然要经得住时间的历练,自身要不断提高工作能力,要想成为一个数控高手,从大学毕业进工厂起,最起码需要6年以上的时间.既 ...
敲代码时如何快速移动光标_数控加工中心编程入门知识，半小时快速入门！超简洁明了！...
数控加工中心编程入门知识汇总,教你半小时快速入门!不管做哪一行,想要成为个中高手,必然要经得住时间的历练,自身要不断提高工作能力,要想成为一个数控高手,从大学毕业进工厂起,最起码需要6年以上的时间.既 ...
HTML5基础知识汇总
HTML是Hypertext Markup Language的缩写,中文翻译为:超文本标记语言 HTML文档结构和基本语法 HTML5基本语法扩展名.html/.htm 内容类型(ContentTy ...
html5 css3思维导图,手把手整理CSS3知识汇总【思维导图】
手把手整理CSS3知识汇总[思维导图] CSS3知识汇总思维导图请见文章底部这两天总结了一下CSS3中的基本知识点,没有做到很全面,因为之前也记过一些笔记,就没有再整理成文档.这里我会把之前的笔记拍 ...

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

HTML5该怎么学？HTML5入门知识汇总相关推荐

最新文章

热门文章