Features
Features:

Product Tour >

Edraw AI >

Paid Plans:

Individuals >

Business >

Eduaction >
Resources
Blog

History

How-tos & Tips

Discovery

Biography

Business Analysis

Examples

AI concept Map

Free AI Mind Map Generator

Onenote Mind Map

Bcg Matrix Examples

Nike Marketing Strategy

Unilever SWOT Analysis

Make Mind Maps in Google Docs

Guide

FAQs

What's New

Resource Center
Templates
All Templates

Brain Storming Templates

Strategy and Planning Templates

Project Management Templates

Product Management Templates

Human Resources Templates

Agile Workflow Templates

Marketing Templates

Education Templates

Fun and Games Templates

User Gallery
Download
Pricing
Enterprise

HTML5

A brief summary of the core knowledge of HTML5, including new structural tags, new multimedia tags, new Web application tags, other new tags, deleted tags, redefined tags, new input controls, etc., to make it clear to readers , clear at a glance.

Edited at 2021-07-18 21:53:48

PlotWizard

Recent works View more works>>

HTML5

PlotWizard

Recent works View more works>>

Recommended to you
Outline

canvasHTML5 new tag knowledge point notes mind map
- 17
PlotWizard
HTML5 and CSS3 knowledge points
- 38
PlotWizard
HTML5 CSS3 web design and production
- 72
PlotWizard

HTML5 knowledge summary

doctype tag

<!DOCTYPE html>

Document Type Definition (DTD)

Add structure tag

<nav>

<aside>

Add multimedia tag

<video>

<audio>

<embed>

Added Web application tag

status label

<meter>

list tag

<menu>

Other new tags

annotation tag

<ruby>

<rp>

<rt>

<mark>

<time>

deleted tags

purely expressive elements

<big>

<font>

<s>

<tt>

<u>

resulting in availability negative impact elements

<frame>

confusing elements

<dir>

Redefine labels

<b>

<i>

<dd>

<dt>

<hr>

<menu>

<small>

New input controls

url

number

tel

range

color

date pickers

date

month

week

time

datetime & datetime-local

New form features

autocomplete

autofocus

multiple

placeholder

required

list&datalist

pattern

formaction

form validation

validity object

invalid event

Custom validation: setCustomValidity()

Turn off validation: formnovalidate

Other new features

new selector

querySelector(selector)

querySelectorAll(selector)

getElementsByClassName(className)

Get class list attributes

elem.classList

elem.classList.length

elem..classList.add()

elem..classList.remove()

elem.classList.toggle()

New methods for JSON

JSON.parse()

JSON.stringify()

datacustom data

data-name = "value"

dataset.name

Lazy loading JS

defer attribute

async attribute

history management

hash value

onhashchange

history object

pushState()

popstate event

Property changes

link properties

<link> sizes

<base> target

<a>

media

hreflang

rel

Other properties

<ol>

start

reversed

<html> manifest

<style> scoped

Drag and drop functionality

draggable

drag element event

dragstart

drag

dragend

target element event

dragenter

dragover

dragleave

drop

dataTransfer object

setData()

getData()

effectAllowed

setDragImage()

files

FileReader object

readAsDataURL()

onload event

canvas basics

<canvas> tag

draw squares

fillRect()

strokeRect()

Set up drawing

fillStyle

lineWidth

strokeStyle

border drawing

lineJoin

lineCap

draw path

beginPath()

closePath()

moveTo()

lineTo()

stroke()

fill()

rect()

clearRect()

save()

restore()

Canvas curves and transformations

Draw arc/curve

arc()

artTo()

quadraticCurveTo()

bezierCurveTo()

transform

translate()

rotate()

scale()

canvas text and shadow

draw text

strokeText()

fillText()

text style

font

textAlign

textBaseline

measureText()

shadow

shadowOffsetX, shadowOffsetY

shadowBlur

shadowColor

canvaspixel

getImageData()

putImageData()

createImageData()

canvas synthesis

globalAlpha

globalCompositeOperation

toDataURL()

isPointInPath()

More APIs

Video API

Geolocation API

Web Worker API