Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 20 di 51
  • livello principiante
Indice lezioni

Altri tag

Un elenco dei tag meno importanti definiti nella specifica
Un elenco dei tag meno importanti definiti nella specifica
Link copiato negli appunti

Abbiamo scelto di riassumere brevemente in un'unica lezione diversi tag in quanto il costante aggiornamento delle specifiche non ci consente di poterli descrivere dettagliatamente, almeno sino a quando queste ultime non saranno rilasciate ufficialmente; inoltre, ne sconsigliamo l'utilizzo almeno sino a quando i browser non inizieranno a supportarli in maniera standard.

I tag <figure> e <figcaption>

Nell'elemento <figure> possiamo racchiudere dei contenuti, opzionalmente con una didascalia (<figcaption>), che rappresentano delle singole unità indipendenti rispetto al contenuto principale; ad esempio possiamo utilizzare l'elemento <figure> per annotare le illustrazioni, schemi, foto, elenchi di codice, etc... ovvero tutto ciò che fa parte del contenuto principale ma che potrebbe essere anche allontanato dallo stesso senza intaccarne il senso.

L'elemento <figcaption> quindi rappresenta una didascalia o una leggenda per l'elemento <figure> padre.

Esempio:

<figure>
<img src="benevenuti.jpg" alt="">
  <figcaption>
    Foto di benvenuto
    <small>© Diritti riservati</small>
  </figcaption>
</figure>

È importante notare che l'attributo alt è vuoto poiché l'immagine è descritta nel tag <figcaption> ed è stato usato il tag <small> per il copyright.

Il tag <embed>

L'elemento <embed> è già utilizzato da anni per inserire nel codice HTML contenuti interattivi o multimediali (tipicamente Flash, Quicktime, etc.). Questo elemento, però, era stato deprecato nelle specifiche HTML 4 in favore del tag <object>. Ora è stato reintrodotto perché, nonostante la potenza delle nuove API HTML5, si pensa che al momento non tutto ciò che si riesce ad ottenere con plug-in di terze parti possa essere realizzato in HTML5. Inoltre, si è cercato di mantenere la retrocompatibilità con applicazioni basate sull'utilizzo di questo elemento.

Il tag <ruby>

Il tag <ruby> è usato per specificare le annotazioni Ruby, che vengono utilizzate nella tipografia orientale in combinazione con il testo principale.

Il tag <wbr>

Il tag <wbr> definisce dove, in una parola, sarebbe opportuno aggiungere un a capo. Infatti, quando una parola è lunga, utilizzando l'elemento <wbr> il browser comprenderà dove eventualmente sarà possibile inserire un a capo.

I tag <command> e <menu>

Entrambi sono elementi molto interessanti: permettono di definire barre degli strumenti o menu di scelta rapida per le nostre applicazioni, con le icone e i relativi comandi che possono essere eseguiti da script.

Il tag <command> rappresenta un'azione che l'utente può richiamare in qualche modo. Esso è visibile solo se inserito all'interno di un elemento <menu>. In caso contrario, non verrà visualizzato, ma può essere utilizzato per specificare un tasto di scelta rapida.

Al momento nessun browser supporta questi tag.

I tag <details> e <summary>

I tag <details> e <summary> rappresentano un widget informativo da cui l'utente può ottenere informazioni supplementari o controlli aggiuntivi. Nel tag <summary>,che è contenuto all interno del tag <details>, deve essere inserita una sintesi del contenuto del widget o anche una legenda. I contenuti dell'elemento <details> possono essere mostrati o meno dal browser grazie all'attributo open, di tipo booleano. Anche questi tag non sono supportati ancora da nessun browser.

Il tag <keygen>

L'elemento <keygen> rappresenta un generatore di chiavi numeriche all'interno di un form. Quando si effettua l'invio di un form contenente il tag <keygen>, la chiave privata viene memorizzata nel keystore locale e la chiave pubblica viene confezionato e inviata al server.

L'elemento è già supportato da diversi browser ma manca il suo supporto in IE.

Il tag <output>

L'elemento <output> ci restituisce il risultato di un calcolo.

Tabella del supporto sui browser

Nuovi tag semantici e strutturali Internet Explorer Firefox Safari Google Chrome Opera
<figure> 9.0+ 4.0+ Nightly build Nightly build 11.0+
<figcaption> 9.0+ 4.0+ Nightly build Nightly build 11.0+
<ruby> 5.5+ No 5.0+ 5.0+ No
<wbr> No No No No No
<command> No No No No No
<menu> No No No No No
<details> No No No No No
<summary> No No No No No
<keygen> No 1.0+ 2.0+ 2.0+ 7.0+
<output> No 4.0+ Nightly build Nightly build 9.0+

Ti consigliamo anche