html5和html4的区别,HTML5（一）：HTML5与HTML4的区别

备注：比较简单的点没有细写。

1、标记方法

声明变简洁(大小写不敏感)——

使用工具时，为

指定字符编码简洁——

2、新增元素

section——内容区块

article——独立内容

aside——与article相关的辅助信息

header——标题

footer——脚注

nav——导航

figure——独立的流内容

figcaption——作为figure的标题

main——表示网页主要内容

video——视频

audio——音频

embed——插入各种多媒体

mark——高亮

progress——表运行中进程

meter——度量衡

time——日期和时间

ruby/rt/rp

wbr——软换行

canvas——画布

command——命令按钮

details——与summary配合使用，点击显示细节信息

datalist——与input配合使用，制作下拉列表

datagrid——以树状列表显示的可选数据列表

keygen——密钥

output——输出

source——为媒介元素定义媒介资源

menu——菜单列表

dialog——对话框

新增的input元素类型

email

url

number

range——范围

Date Pickers:date( 日月年 )、month(月年)、week(周年)、time(小时和分钟)、datetime(时间、日月年)、datetime-loccal(时间、本地时间日月年)

3、新增属性

autofocus——自动获得焦点

placeholder——提示输入内容

form——声明属于哪个表单

required——提交需检查，要有内容

autocomplete、min、max、multiple(一次可上传多个文件)、pattern、step——为input新增属性

formaction、formenctype、formmethod、formnovalidate(取消检查)、formtarget——为input新增属性

disabled——为fieldset新增

label

SelectionDirection

indeterminate——未明确选定

为image新增height和width

为textarea新增maxlength(文字个数)和wrap(是否添加换行符)

链接属性

media、download、ping——为a/area新增

hreflang、rel——为area新增

sizes——为link新增

target——为base新增

其他属性

start、reversed——为ol新增

charset——为meta新增

type、label——为menu新增

scoped——为style新增

async——script

manifest——为html新增，开发离线web应用时，与API结合，定义一个URL，在这个URL上描述文档的缓存信息

sandbox、seamless、srcdoc——为iframe新增

全局属性

contentEditable——允许用户编辑元素中的内容

designMode——指定整个页面是否可编辑

hidden

spellcheck——拼写和语法检查

tabindex

4、新增事件

window对象/body对象：

beforeprint

afterprint

resize

error

offline

online

pageshow

beforeunload

hashchange

任何元素：

mousewheel

任何容器元素：

scroll

input/textarea元素：

input

form元素：

reset