html5 学习笔记--jikexueyuan的视频看完后的碎碎念(与HTML4相比的改变)
2016-03-03 13:57
363 查看
WebStorm还是很好用的
百度比较注重前端适配,细节上的问题
淘宝的比较复杂
QQWeb2.0网页版还是比较经典的
一些富应用(哈哈,本科的毕设还想过做这个,不过题目肯定过不了)
BaiduMap 前端算法
H5做出的一些动画效果还是蛮不错的
H5
1.兼容性
2.文档结构
3.Web APP Function
语法上的改进:
内容类型
doctype声明
指定字符编码
可以省略标记的元素
具有布尔值的属性
省略引号
增加
结构上
其他(video audio canvas)
input
废除:
不再使用frame框架
增加
属性(表单,链接)
全局属性:
contentEditable(boolean)
designMode
hidden(boolean)
spellcheck
tabindex(-1)
增加的主体结构元素
article(独立性)——>可嵌套,插件,内嵌页面,促进语义化
section(分段,分块)——>1.不要将其作为设置样式的页面容器。2.若article,aside,nav更合适,就放手让它们做吧。3.没有标题内容,不用section
nav:传统导航条,侧边栏,页内,翻页操作
aside:article(内OR外)
time元素
微格式
pubdate属性
增加的非主体结构元素
header 可以出现多次
footer 作为其上层父级内容区块或是一个根区块的脚注
hgroup 对多个相关联的H1,H6标题进行分组
address 在文档中呈现联系信息
point.1 显示(隐式)编排内容区域块
标题分级
不同区域块使用相同标题
表单新增元素与属性
form
formaction
formmethod
formenctype
formtarget(在何处打开)
autofocus
required
labels
标签的control属性
文本框的placeholder属性
文本框的list属性
文本框的autocomplete属性
pattern属性(正则验证)
文本框的selectionDirection属性->获取用户操作
复选框的indeterminate属性
image提交按钮的height与width属性
百度比较注重前端适配,细节上的问题
淘宝的比较复杂
QQWeb2.0网页版还是比较经典的
一些富应用(哈哈,本科的毕设还想过做这个,不过题目肯定过不了)
BaiduMap 前端算法
H5做出的一些动画效果还是蛮不错的
H5
1.兼容性
2.文档结构
3.Web APP Function
语法上的改进:
内容类型
doctype声明
指定字符编码
可以省略标记的元素
具有布尔值的属性
省略引号
增加
结构上
其他(video audio canvas)
input
废除:
不再使用frame框架
增加
属性(表单,链接)
全局属性:
contentEditable(boolean)
designMode
hidden(boolean)
spellcheck
tabindex(-1)
增加的主体结构元素
article(独立性)——>可嵌套,插件,内嵌页面,促进语义化
section(分段,分块)——>1.不要将其作为设置样式的页面容器。2.若article,aside,nav更合适,就放手让它们做吧。3.没有标题内容,不用section
nav:传统导航条,侧边栏,页内,翻页操作
aside:article(内OR外)
time元素
微格式
pubdate属性
增加的非主体结构元素
header 可以出现多次
footer 作为其上层父级内容区块或是一个根区块的脚注
hgroup 对多个相关联的H1,H6标题进行分组
address 在文档中呈现联系信息
point.1 显示(隐式)编排内容区域块
标题分级
不同区域块使用相同标题
表单新增元素与属性
form
formaction
formmethod
formenctype
formtarget(在何处打开)
autofocus
required
labels
标签的control属性
文本框的placeholder属性
文本框的list属性
文本框的autocomplete属性
pattern属性(正则验证)
文本框的selectionDirection属性->获取用户操作
复选框的indeterminate属性
image提交按钮的height与width属性
相关文章推荐
- html5前端图片压缩
- HTML5
- html5标签列表
- HTML5课堂作业1
- html5 学习
- h5完美实现无刷新上传并附带上传效果
- 多视角3D逼真HTML5水波动画
- HTML5的新特性(1)
- HTML5学习
- 前端试题-HTML5的新特性(1)
- HTML5触摸屏touch事件使用实例1
- HTML5触摸屏touch事件使用介绍1
- HTML5Canvas 酷炫效果
- HTML5 Canvas实现烟花绽放特效
- HTML学习笔记--(1)我的第一个HTML5
- 关于HTML5的编码为题
- Html5 学习笔记
- HTML4 和 HTML5 的10个关键区别
- [转]使用Flexible实现手淘H5页面的终端适配
- 多视角3D可旋转的HTML5 Logo动画