HTML5

HTML5(一):HTML5与HTML4的区别

2020-11-28  本文已影响0人  wsgdiv

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



1、标记方法


声明变简洁(大小写不敏感)——<!DOCTYPE HTML>

使用工具时,为<!doctype html SYSTEM "about:legacy-compat">

指定字符编码简洁——<meta charset="UTF-8">

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

上一篇 下一篇

猜你喜欢

热点阅读