MindMap Gallery 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:48El cáncer de pulmón es un tumor maligno que se origina en la mucosa bronquial o las glándulas de los pulmones. Es uno de los tumores malignos con mayor morbilidad y mortalidad y mayor amenaza para la salud y la vida humana.
La diabetes es una enfermedad crónica con hiperglucemia como signo principal. Es causada principalmente por una disminución en la secreción de insulina causada por una disfunción de las células de los islotes pancreáticos, o porque el cuerpo es insensible a la acción de la insulina (es decir, resistencia a la insulina), o ambas cosas. la glucosa en la sangre es ineficaz para ser utilizada y almacenada.
El sistema digestivo es uno de los nueve sistemas principales del cuerpo humano y es el principal responsable de la ingesta, digestión, absorción y excreción de los alimentos. Consta de dos partes principales: el tracto digestivo y las glándulas digestivas.
El cáncer de pulmón es un tumor maligno que se origina en la mucosa bronquial o las glándulas de los pulmones. Es uno de los tumores malignos con mayor morbilidad y mortalidad y mayor amenaza para la salud y la vida humana.
La diabetes es una enfermedad crónica con hiperglucemia como signo principal. Es causada principalmente por una disminución en la secreción de insulina causada por una disfunción de las células de los islotes pancreáticos, o porque el cuerpo es insensible a la acción de la insulina (es decir, resistencia a la insulina), o ambas cosas. la glucosa en la sangre es ineficaz para ser utilizada y almacenada.
El sistema digestivo es uno de los nueve sistemas principales del cuerpo humano y es el principal responsable de la ingesta, digestión, absorción y excreción de los alimentos. Consta de dos partes principales: el tracto digestivo y las glándulas digestivas.
HTML5 knowledge summary
doctype tag
<!DOCTYPE html>
Document Type Definition (DTD)
Add structure tag
<header>
<hgroup>
<footer>
<nav>
<section>
<aside>
<article>
<figure> & <figcaption>
<dialog>
<address>
Add multimedia tag
<video>
<audio>
<source>
<canvas>
<embed>
Added Web application tag
status label
<meter>
<progress>
list tag
<datalist>
<details> & <summary>
Menu
<menu>
<menuitem>
<command>
Other new tags
annotation tag
<ruby>
<rp>
<rt>
<mark>
<output>
<keygen>
<time>
deleted tags
purely expressive elements
<basefont>
<big>
<center>
<font>
<s>
<strike>
<tt>
<u>
resulting in availability negative impact elements
<frame>
<frameset>
<noframes>
confusing elements
<acronym>
<applet>
<isindex>
<dir>
Redefine labels
<b>
<i>
<dd>
<dt>
<hr>
<menu>
<small>
<strong>
New input controls
url
number
tel
range
search
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