导图社区 HTML5

HTML5

对 HTML5 核心知识进行概要性总结，包括新增结构标签、新增多媒体标签、新增Web应用标签、其他新增标签、删除的标签、重定义标签、新的输入型控件等，使读者清晰明了、一目了然。

编辑于2021-07-18 21:53:48

html5

若兮缘

他的近期作品查看更多>>

HTML5

社区模板帮助中心，点此进入>>

若兮缘

他的近期作品查看更多>>

相似推荐
大纲

论语孔子简单思维导图
- 78.7k
- 860
- 1.0k
- 438
MindMaster
《傅雷家书》思维导图
- 126.0k
- 1.6k
- 2.7k
- 1.2k
MindMaster
《童年》读书笔记
- 42.4k
- 473
- 967
- 332
MindMaster
《茶馆》思维导图
- 10.3k
- 171
- 181
- 40
MindMaster
《朝花夕拾》篇目思维导图
- 23.5k
- 507
- 1.2k
- 292
MindMaster
《昆虫记》思维导图
- 28.3k
- 262
- 775
- 274
MindMaster
《安徒生童话》思维导图
- 15.4k
- 270
- 262
- 65
MindMaster
《鲁滨逊漂流记》读书笔记
- 19.1k
- 291
- 545
- 166
MindMaster
《这样读书就够了》读书笔记
- 94.0k
- 12.5k
- 8.9k
- 2.2k
Ethan
妈妈必读：一张0-1岁孩子认知发展的精确时间表
- 7.9k
- 1.6k
- 401
- 41
Ethan

HTML5知识汇总

doctype标签

<!DOCTYPE html>

文档类型定义（DTD）

新增结构标签

<nav>

<aside>

新增多媒体标签

<video>

<audio>

<embed>

新增Web应用标签

状态标签

<meter>

列表标签

<menu>

其他新增标签

注释标签

<ruby>

<rp>

<rt>

<mark>

<time>

删除的标签

纯表现的元素

<big>

<font>

<s>

<tt>

<u>

对可用性产生负面影响的元素

<frame>

产生混淆的元素

<dir>

重定义标签

<b>

<i>

<dd>

<dt>

<hr>

<menu>

<small>

新的输入型控件

url

number

tel

range

color

date pickers

date

month

week

time

datetime & datetime-local

新的表单特性

autocomplete

autofocus

multiple

placeholder

required

list & datalist

pattern

formaction

表单验证

validity 对象

invalid 事件

自定义验证：setCustomValidity()

关闭验证：formnovalidate

其他新特性

新的选择器

querySelector(selector)

querySelectorAll(selector)

getElementsByClassName(className)

获取class列表属性

elem.classList

elem.classList.length

elem..classList.add()

elem..classList.remove()

elem.classList.toggle()

JSON的新方法

JSON.parse()

JSON.stringify()

data自定义数据

data-name = "value"

dataset.name

延迟加载JS

defer 属性

async 属性

历史管理

hash 值

onhashchange

history对象

pushState()

popstate 事件

属性变化

链接属性

<link> sizes

<base> target

<a>

media

hreflang

rel

其他属性

<ol>

start

reversed

<html> manifest

<style> scoped

拖放功能

draggable

拖拽元素事件

dragstart

drag

dragend

目标元素事件

dragenter

dragover

dragleave

drop

dataTransfer 对象

setData()

getData()

effectAllowed

setDragImage()

files

FileReader 对象

readAsDataURL()

onload 事件

canvas基础

<canvas>标签

绘制方块

fillRect()

strokeRect()

设置绘图

fillStyle

lineWidth

strokeStyle

边界绘制

lineJoin

lineCap

绘制路径

beginPath()

closePath()

moveTo()

lineTo()

stroke()

fill()

rect()

clearRect()

save()

restore()

canvas曲线及变换

绘制弧/曲线

arc()

artTo()

quadraticCurveTo()

bezierCurveTo()

变换

translate()

rotate()

scale()

canvas文本与阴影

绘制文本

strokeText()

fillText()

文本样式

font

textAlign

textBaseline

measureText()

阴影

shadowOffsetX、shadowOffsetY

shadowBlur

shadowColor

canvas像素

getImageData()

putImageData()

createImageData()

canvas合成

globalAlpha

globalCompositeOperation

toDataURL()

isPointInPath()

更多API

Video API

Geolocation API

Web Worker API