随着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的方法
载入后,初始化新标签的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 个字符。