H5学习知识梳理（1）

前言

         我们测试web系统经常遇到浏览器渲染的问题以及前后端bug定位，经常因为我们对前端的专业知识掌握的不深遭到前端开发者的嫌弃，甚至打压驳回。因此为了更好有深度的测试，我开始对前端的知识进行学习。

H5学习知识梳理-day01

1、自定义属性

①data开头

②data后面必须至少有一个字符，多个单词使用-连接

建议：

①名称应该都要使用小写--不包含任何的大写字符

②名称中不要有任何的特殊字符

③名称中不要纯数字

2、获取自定义属性

例子：<p data-shcool-name="itcast">传智播客</p>

3、html5简介

（1）H5并不是新的语言，而是html语言第五次重大修改版本

（2）所有主流浏览器都支持H5（Chrome、Firefox、safari...）IE9及以上支持（有选择支持，并不是全部支持），IE8及以下浏览器不支持

（3）改变了用户与文档的交互方式：多媒体（video、audio canvas)

（4）增加了其他的新特性：语义特性，本地存储特性、网页多媒体，二维三维，特效（过渡、动画）

（5）相对于H4：

①进步：抛弃了一些不合理不常用的标记和属性

②新增了一些标记和属性--表单

③从代码角度而言，h5代码结构更加简洁

4、语义化特性

header表示页眉

nav表示导航

footer表示页脚

main表示文档主要内容

article表示文章

aside表示主题内容之外