nuovi elementi HTML5

nuovi elementi HTML5

Di seguito sono elencati i nuovi elementi HTML5 e le loro descrizioni.

nuovi elementi semantici/strutturali

Gli elementi nuovi forniti da HTML5 possono costruire una struttura di documento migliore:

Etichetta Descrizione
<article> definire gli articoli all'interno della documentazione.
<aside> definire il contenuto al di fuori del contenuto della pagina.
<bdi> definire la direzione del testo diversa dal testo normale.
<details> definire dettagli aggiuntivi visibili o nascosti dall'utente.
<dialog> definire la finestra di dialogo o la finestra.
<figcaption> definire il titolo dell'elemento <figure>.
<figure> definire il contenuto autocontenuto, come illustrazioni, grafici, foto, elenchi di codice, ecc.
<footer> definire il piè di pagina della documentazione o del paragrafo.
<header> definire l'intestazione della documentazione o del paragrafo.
<main> definire il contenuto principale della documentazione.
<mark> definire il contenuto importante o enfatico.
<menuitem> definire i comandi/menù che possono essere chiamati dall'utente dal menu a comparsa.
<meter> definire misure scalari all'interno di un intervallo noto (scala).
<nav> definire i collegamenti di navigazione all'interno della documentazione.
<progress> definire il progresso delle attività.
<rp> definire cosa visualizzare nei browser che non supportano i commenti ruby.
<rt> definire l'interpretazione/diacritica del carattere (utilizzati nei caratteri cinesi).
<ruby> definire i commenti ruby (utilizzati nei caratteri cinesi).
<section> definire il paragrafo nella documentazione.
<summary> definire il titolo visibile dell'elemento <details>.
<time> definire data/ora.
<wbr> definire il possibile piegamento (line-break).

Leggi di più su semantica HTML5del contenuto.

nuovo elemento del modulo

Etichetta Descrizione
<datalist> definire le opzioni predefinite del controllo di input.
<keygen> definire il campo generatore di chiavi (utilizzato nei moduli).
<output> definire il risultato del calcolo.

Leggi di più su Elementi del modulo HTMLnuovi elementi vecchi e nuovi di Cina.

nuovo tipo di input

nuovo tipo di input nuovo attributo di input
  • colore
  • data
  • datetime
  • datetime-local
  • email
  • mese
  • numero
  • range
  • search
  • tel
  • tempo
  • url
  • settimana
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • larghezza e altezza
  • lista
  • min e max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Impara Tipi di input HTMLdi tutti i nuovi e vecchi tipi di input.

Impara Proprietà di input HTMLdi tutti gli attributi di input.

Nuova sintassi degli attributi HTML5

HTML5 consente quattro diverse sintassi di attributi.

Questo esempio dimostra le diverse sintassi utilizzate nel tag <input>.

Etichetta Descrizione
Vuoto <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

In HTML5, a seconda delle esigenze dell'attributo, potrebbe essere utilizzato tutti e quattro i linguaggi di sintassi.

Immagine HTML5

Etichetta Descrizione
<canvas> Definire il disegno delle immagini utilizzando JavaScript.
<svg> Definire il disegno delle immagini utilizzando SVG.

Leggi di più su HTML5 Canvas del contenuto.

Leggi di più su HTML5 SVG del contenuto.

Nuovi elementi mediatici

Etichetta Descrizione
<audio> Definire il contenuto audio o musicale.
<embed> Definire il contenitore di applicazioni esterne (ad esempio, plugin).
<source> Definire le sorgenti di <video> e <audio>.
<track> Definire le tracce di <video> e <audio>.
<video> Definire il contenuto video o film.

Leggi di più su Video HTML5del contenuto.

Leggi di più su Audio HTML5del contenuto.