美文网首页
H5学习知识梳理(1)

H5学习知识梳理(1)

作者: 测试小懒 | 来源:发表于2019-06-18 18:52 被阅读0次

前言

         我们测试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表示主题内容之外

相关文章

网友评论

      本文标题:H5学习知识梳理(1)

      本文链接:https://www.haomeiwen.com/subject/ycsqqctx.html