您的位置:首页 > Web前端 > HTML5

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属性
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: