html5 学习笔记--jikexueyuan的视频看完后的碎碎念(与HTML4相比的改变)

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属性



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值