Chiudi il Menu
iSpazioiSpazio
  • Notizie
  • Offerte iSpazio
  • Sfondi
  • Downloads
  • Recensioni
  • iOS 26
  • Sconti Amazon
Menu Espanso
  • Home
  • Forum
  • Notizie
  • Offerte iSpazio
  • iOS 26
  • iPhone 16
  • Downloads
  • Guide
  • Sconti Amazon
  • Contatti
  • Pubblicità
Facebook X (Twitter) Instagram YouTube TikTok
iSpazioiSpazio
  •  Forum
  • Offerte iSpazio
  • Wallpapers Central
  • Teslers
Scarica l'App
  • Offerte
  • Sfondi
  • Guide
    • Personalizzazione
    • Video Guide TikTok
  • Recensioni
  • Downloads
    • Sfondi
    • Suonerie
    • Comandi Rapidi
    • Sfondi Personalizzati
    • Widget e Altro
    • iOS
    • iTunes
  • Dispositivi Apple
    1. iPhone
    2. iPad
    3. Mac
    4. Apple Watch
    5. iOS 26
    6. Vedi tutto

    Apple potrebbe presentare i nuovi iPhone 17 durante la seconda settimana di settembre | Rumor

    14 Lug 2025

    La Dynamic Island sta per cambiare radicalmente sui prossimi iPhone secondo nuovi leak

    12 Lug 2025

    BOE fornirà i display per iPhone 17 Pro, ma solo per il mercato cinese

    11 Lug 2025

    iPhone 17 Pro si mostra in nero: ecco la nuova camera bar e il logo spostato

    10 Lug 2025

    iPadOS 26 porta quattro nuove app su tutti gli iPad compatibili

    26 Giu 2025

    Apple avvia la produzione dei nuovi iPad Pro OLED, lancio previsto in autunno

    26 Giu 2025

    iPad Pro verso cornici più sottili: Apple valuta nuovi chip driver LG

    24 Giu 2025

    iPadOS 26 porta Stage Manager su molti più modelli di iPad

    23 Giu 2025

    Un’app creata al 95% da un’AI segna una svolta per lo sviluppo software

    10 Lug 2025

    BOE diventa il principale fornitore di display per i MacBook

    8 Lug 2025

    Apple ha già definito i piani per 15 nuovi Mac: M5 entro il 2025, M6 e redesign nel 2026. Bonus: un MacBook economico

    4 Lug 2025

    Il MacBook Pro con display OLED arriverà nel 2026 e potrebbe dire addio al notch

    3 Lug 2025

    Apple Watch Ultra 3: arriverà in autunno con tre novità inedite

    12 Lug 2025

    Il nuovo modello AI di Apple usa i dati comportamentali raccolti da Apple Watch per prevedere meglio lo stato di salute

    11 Lug 2025

    Apple Watch Ultra 3, la nuova generazione arriva con 5G e messaggi satellitari

    4 Lug 2025

    Apple Watch e AirPods guidano ancora il mercato, ma Huawei riduce il divario

    3 Lug 2025

    WhatsApp introduce diverse novità nella versione beta di iOS e Android

    14 Lug 2025

    L’iPhone 17 Pro potrebbe arrivare anche in arancione

    14 Lug 2025

    Tim Cook resta alla guida di Apple e prepara il terreno per diventare presidente

    14 Lug 2025

    Apple entra nella top 5 delle serie più viste del 2025 grazie a Severance

    14 Lug 2025

    WhatsApp introduce diverse novità nella versione beta di iOS e Android

    14 Lug 2025

    L’iPhone 17 Pro potrebbe arrivare anche in arancione

    14 Lug 2025

    Tim Cook resta alla guida di Apple e prepara il terreno per diventare presidente

    14 Lug 2025

    Apple entra nella top 5 delle serie più viste del 2025 grazie a Severance

    14 Lug 2025
  • iPhone 16
  • iOS 26
  • Sconti Amazon
Contatti
Pubblicità
iSpazioiSpazio
  • Notizie
  • Offerte iSpazio
  • Sfondi
  • Downloads
  • Recensioni
  • iOS 26
  • Sconti Amazon
iSpazio

07 – Altri tags utili introdotti con HTML 5 | iSpazio DevResources

Francesco SciutiDi Francesco Sciuti9 Mag 2011Commenta6 min di lettura
Condividi Facebook Twitter Telegram WhatsApp Copia Link Threads Email
Share
Facebook Twitter WhatsApp Telegram Threads Email Copia Link
In qualità di Affiliato Amazon, iSpazio riceve un guadagno dagli acquisti idonei (info). Vedi le offerte su Telegram.
Icona Cerchi Prodotti Apple ed accessori Tech in sconto?

Cerchi Prodotti Apple ed accessori Tech in sconto?

Segui il nostro canale @scontiamolo su Telegram!

Bentornati ad un nuovo appuntamento con iSpazio DevResources. Questa volta ci occuperemo di elencare ed analizzare i restanti tags che HTML 5 ha introdotto!

Advertising

Ovviamente nella nostra analisi non valuteremo i tags già descritti negli scorsi appuntamenti, e salteremo momentaneamente i tags multimediali (come audio, video e canvas) e i tags relativi ai forms (come time, etc…) che avranno “l’onore” di avere degli appuntamenti dedicati.

Buona parte degli elementi che presenteremo oggi consentono la semantizzazione del contenuto, cioè la corretta definizione degli elementi e gerarchia, evitando cosi la generalizzazione dei contenuti stessi. Andiamo quindi a spulciare questi nuovi tag:

 

<hgroup>

Elemento di tipo blocco che definisce un gruppo di tags heading (<h1>…<h6>) della pagina o di una sezione della pagina.

…
<hgroup>
  <h1>Questo è il titolo della Pagina</h1>
  <h2>Questo è il sottotitolo</h2>
</hgroup>
…

 

Novità di HTML 5:
–      Il tag è stato introdotto con HTML 5.

 

<figure>, <figcaption>

Elemento di tipo blocco che definisce un contenitore di immagini (ma anche video, audio, etc…) che comprende una didascalia normalmente indicata con il tag <figcaption>.

…
 <figure>
 <figcaption>Questa è la didascalia dell’immagine</figcaption>
 <img src="img_test.jpg" width="500" height="100" />
 </figure>
…

 

Novità di HTML 5:
–      I tags sono stati introdotti con HTML 5.

 

<details>, <summary>

Elemento di tipo blocco che definisce un contenitore dei dettagli che possono essere mostrati o nascosti a seconda dell’esigenze, quindi gli elementi che normalmente vengono  mostrati su richiesta del visitatore della pagina (ad esempio il classico box dei dettagli che si apre cliccando il link dei dettagli di un prodotto). Per mezzo del tag <summary> è possibile indicare l’intestazione dei dettagli.

…
<details>
<summary>Dettaglio Prodotto</summary>
<p>Descrizione aggiuntiva per un prodotto.</p>
</details>
…

 

Novità di HTML 5:
–      I tags sono stati introdotti con HTML 5.

 

<mark>

Elemento di tipo inline che definisce una porzione di testo in evidenza. Oltre alla visualizzazione del testo in evidenza, è importante cogliere anche l’importanza semantica del tag che consente di far “capire” ai motori di ricerca l’importanza di quella porzione di testo. E’ utile inoltre per evidenziare ad esempio la porzione di frase ricercata, etc…

…
<p>Il testo seguente sarà <mark>messo in evidenza</mark>.</p>
…

 

Novità di HTML 5:
–      Il tag è stato introdotto con HTML 5.

 

<embed>

Consente di inserire elementi esterni per inglobare nella pagina elementi come ad esempio filmati flash, filmati quicktime, etc…
Per mezzo di alcuni attributi è possibile:

–      width e height: consente di indicare la larghezza e l’altezza dell’elemento;

–      src: consente di stabilire l’url d’origine dell’elemento da inglobare;

–      type: consente di impostare il MIME-Type dell’elemento.

…
<embed src="film.swf" />
…

 

Novità di HTML 5:
–      Il tag era stato deprecato in HTML 4 ma è stato reintrodotto con HTML 5.

 

<meter>

Elemento che  consente di definire una misura o indicare un valore specifico. Viene rappresentato per mezzo di una barra “riempita” a seconda del valore impostato, ma non va utilizzata come barra di progresso (per questo è possibile utilizzare <progress>). L’elemento può essere utilizzato come controllo per i form (che verranno affrontati al prossimo appuntamento).

Sono disponibili alcuni  attributi (oltre gli attributi globali):

–      value:  consente di indicare il valore attuale dell’elemento ed è un attributo obbligatorio;

–      max: consente di indicare il valore massimo dell’elemento;

–      min: consente di indicare il valore minimo dell’elemento;

–      form: consente di indicare il form al quale il controllo appartiene;

–      low: consente di indicare un valore considerato come un valore basso;

–      high: consente di indicare un valore considerato come un valore alto;

–      optimum: consente di indicare un valore considerato come un valore ottimale;

Gli attributi low, high ed optimum consentono di definire dei valori di scala per mezzo dei quali è possibile rappresentare graficamente al meglio il valore impostato per mezzo dell’attributo value, e quindi rappresentare ad esempio l’elemento <meter> con una barra colorata in rosso se il valore è ritenuto basso, verde se ottimale, etc…

…
<meter value="0.5" high="0.9" low="0.1" optimum="0.5">50%</meter>
…

 

Novità di HTML 5:
–      Il tag è stato introdotto con HTML 5.

 

<progress>

Elemento che  consente di definire un processo in progresso, e viene rappresentato per mezzo della classica barra di progresso. Questo elemento non dovrebbe essere utilizzato per indicare un valore specifico (per questo è possibile utilizzare <meter>), bensì un valore in progressione.

Sono disponibili due attributi (oltre gli attributi globali):

–      value:  consente di indicare il valore attuale dell’elemento;

–      max: consente di indicare il valore massimo dell’elemento.

…
<progress value="50" max="100">
<span>50</span>%
</progress>
…

 

Novità di HTML 5:
–      Il tag è stato introdotto con HTML 5.

 

<wbr>

Definisce dove sarebbe utile aggiungere una linea-break in una parola, in caso di “a capo”.
L’elemento può essere utile quando una parola è lunga e si ha il timore che possa scomporre in maniera scorretta la riga in caso di “a capo”.

…
<p>Potremmo usare il tag in Sterno<wbr>Cleido<wbr>Mastoideo</p>
…

 

Novità di HTML 5:
–      Il tag è stato introdotto con HTML 5.

 

<command>

In coppia con il tag <menu> (che abbiamo descritto lo scorso appuntamento)  consente di rappresentare un’azione o un controllo (di tipo checkbox, command o radio) per i menù, o ancora una scorciatoia da tastiera. In realtà non è ancora ben chiaro come sarà implementato dato che attualmente non è supportato da alcun browser.

Esistono degli attributi specifici e sono:

–      checked:  in caso di controllo di tipo checkbox indica se “spuntato” o meno;

–      disabled: indica se l’elemento è disabilitato;

–      icon: indica l’url di un’eventuale icona da associare all’elemento;

–      label: definisce l’etichetta dell’elemento;

–      radiogroup: in caso di controllo di tipo radio consente di indicare a che gruppo di controlli radio appartiene l’elemento;

–      type: consente di indicare se l’elemento è di tipo: checkbox, command o radio.

 

Novità di HTML 5:
–      Il tag è stato introdotto con HTML 5.

 

<ruby>, <rt>, <rp>

I tags consentono di specificare le annotazioni Ruby, utilizzate nella tipografia orientale.

 

Novità di HTML 5:
–      I tags sono stati introdotti con HTML 5.

 

Compatibilità Tag HTML con i browser

Browser hgroup figure mark embed meter progress
MS Internet Explorer 9 9 9 9 – –
Mozilla Firefox 3 4 4 3 – –
Apple Safari 3.1 5 3.1 5 – –
Opera 10 11 11 10 11 11
Google Chrome 5 5 5 5 8 8

Sono riportate le versioni minime che garantiscono il supporto per ogni browser, e solo i tag anche solo parzialmente supportati.

Siamo giunti ancora una volta al termine del nostro appuntamento, e sperando di essere stato utile vi invito a leggere anche il prossimo articolo…parleremo dei Forms…e della loro evoluzione per mezzo di HTML 5!

Alla prossima.

Francesco Sciuti

Sai che siamo anche su Telegram? Unisciti al nostro canale iSpazio per ricevere le notifiche oppure Apple Italia per chattare con altri utenti. Scopri i migliori prodotti Tech in sconto su Amazon con il nostro canale OFFERTE iSpazio.
Icona dell'applicazione Le Migliori Offerte selezionate da iSpazio disponibile su App Store

Le Migliori Offerte selezionate da iSpazio

VEDI TUTTE

  • Filtra:
  • Tutte
  • Minimo Storico
  • Alimentari e cura della casa
  • Bellezza
  • Cancelleria e prodotti per ufficio
  • Casa e cucina
  • Dispositivi amazon
  • Elettronica
  • Fai da te
  • Giochi e giocattoli
  • Illuminazione
  • Informatica
  • Moda
  • Prima infanzia
  • Prodotti per animali domestici
  • Salute e cura della persona
  • Sport e tempo libero
  • Videogiochi
In Evidenza
104,00€Gratis
22%  
In Evidenza
1.239,00€969,00€
15%  
In Evidenza
52,95€45,00€
30%  
15:25
14,25€9,95€
81%  
15:11
399,99€74,99€
4%  
15:07
499,99€479,99€
5%  
15:07
599,99€569,99€
11%  
15:07
649,99€579,99€
3%  
15:07
699,99€679,99€
5%  
15:07
1.099,99€1.044,00€
66%
15:03
43,99€14,84€
32%
14:50
65,00€43,90€
50%  
14:42
23,00€11,50€
14%
14:42
1.219,00€1.049,00€
58%  
14:35
59,99€24,99€
62%  
14:33
39,49€14,99€
35%  
14:33
20,00€12,99€
20%
14:33
459,00€369,00€
39%
14:22
69,99€42,89€
42%  
14:17
119,99€69,99€
30%
14:11
89,99€62,99€
44%
14:11
28,70€15,99€
30%
14:06
14,02€9,80€
50%  
14:06
70,00€35,00€
39%
13:51
363,00€220,22€
32%
13:51
481,00€325,86€
43%  
13:51
30,00€17,10€
30%
13:51
577,00€403,71€
14%  
13:47
279,99€239,99€
63%  
13:47
79,99€29,99€
50%
13:37
29,99€14,99€
12%  
13:37
25,99€22,99€
23%  
13:32
34,99€26,91€
44%
13:32
1,14€0,64€
65%
13:32
49,95€17,56€
60%  
13:32
149,90€59,99€
29%
13:32
2,99€2,13€
24%  
13:32
44,95€34,22€
58%
13:32
22,35€9,40€
72%  
13:21
33,00€9,20€
42%  
13:18
70,99€41,25€
40%
13:18
129,99€77,99€
50%
13:18
67,95€33,97€
44%
13:12
1,14€0,64€
43%  
13:12
17,49€9,95€
53%
13:07
24,00€11,23€
44%  
13:07
37,50€21,16€
16%
13:07
29,35€24,70€
34%  
13:07
499,00€329,99€
66%
13:07
34,00€11,71€
54%  
13:07
25,50€11,71€
58%
13:07
21,00€8,77€
64%  
13:01
120,00€43,76€
14%
13:01
2.499,00€2.149,00€
33%  
12:58
59,99€39,99€
8%
12:46
249,99€229,99€
9%  
12:46
142,99€129,99€
37%  
12:46
89,99€56,99€
47%  
12:36
189,99€99,99€
36%
12:36
99,99€63,99€
50%  
12:36
79,90€39,95€
36%
12:28
28,00€18,05€
51%  
12:28
109,99€53,99€
32%  
12:28
29,64€20,28€
19%
12:28
199,99€161,49€
31%  
12:28
129,99€89,99€
45%  
12:28
90,00€49,50€
41%  
12:28
64,95€38,49€
69%  
12:07
289,99€89,99€
60%  
12:07
49,99€19,99€
36%
12:07
90,00€57,55€
31%  
11:56
215,99€149,99€
50%  
11:53
40,00€20,00€
21%  
11:53
139,99€109,99€
23%  
11:40
59,99€46,13€
26%  
11:40
74,95€55,40€
80%  
11:31
39,99€7,88€
49%  
11:31
73,20€37,57€
44%  
11:22
57,22€31,84€
23%  
11:22
19,65€15,12€
30%  
11:11
59,95€41,90€
59%
11:11
120,00€49,50€
27%  
11:02
149,99€109,99€
78%  
10:59
99,99€22,09€
38%  
10:59
1.919,00€1.199,00€
67%  
10:59
14,90€4,90€
25%  
10:59
24,99€18,74€
27%  
10:53
299,00€219,00€
40%
10:45
3,29€1,99€
36%  
10:45
33,00€20,99€
31%  
10:45
79,00€54,90€
40%  
10:38
90,00€54,00€
21%  
10:38
70,00€54,99€
50%
10:38
3,19€1,59€
5%
10:38
49,99€47,49€
22%  
10:20
129,00€99,99€
16%  
10:10
19,96€16,83€
26%  
10:03
69,90€51,99€
27%
10:03
279,00€202,99€
15%  
10:03
25,90€22,00€
20%
09:50
199,00€159,00€
31%
09:50
17,20€11,90€
79%  
09:48
129,99€26,99€
36%
09:41
34,00€21,76€
43%
09:35
32,19€18,49€
63%  
09:35
14,90€5,49€
47%  
09:35
39,90€21,25€
37%
09:28
39,99€25,19€
53%
09:28
89,99€41,99€
22%  
09:28
1.239,00€969,00€
30%
09:28
39,99€27,83€
30%
09:15
69,99€49,00€
34%
09:15
34,99€23,00€
38%
09:15
129,99€79,99€
61%
09:00
99,00€38,80€
33%
09:00
7,30€4,89€
32%
08:45
99,99€68,39€
44%
08:43
49,99€27,99€
35%
08:40
41,65€27,16€
38%  
08:40
129,99€79,99€
33%
08:40
26,99€17,99€
50%  
08:40
35,00€17,59€
13%  
08:40
7,70€6,70€
47%  
08:40
33,99€18,10€
32%  
08:40
1,45€0,99€
40%  
08:40
29,99€17,99€
15%  
08:40
679,00€579,00€
30%
08:40
2,15€1,50€
66%
08:40
99,95€34,06€
34%
08:40
30,16€19,92€
37%
08:11
29,60€18,56€
19%
08:11
53,05€43,06€
58%  
08:11
9,99€4,21€
58%  
08:11
60,00€25,00€
75%
08:11
109,99€27,99€
08:11
15,52€23,80€

Scarica la nostra app e leggi le notizie in mobilità. Porta iSpazio sempre con te, anche su Telegram.
| Applicazione iOS
Con l'applicazione ufficiale di iSpazio resterai sempre aggiornato sulle notizie Apple, video tutorial per iPhone e tanto altro. riceverai una notifica per ogni nuovo articolo. Puoi utilizzare anche i Widget per tenere le novità sott'occhio nella Home o nella Lockscreen.
Scaricala subito!
| Canale Telegram 10.700+ Utenti
Su Telegram invece, segnaliamo soltanto le notizie più importanti ed urgenti oppure i nostri nuovi video su YouTube. E' un canale molto interessante, assolutamente non invasivo perchè non inviamo troppe push, e vi consigliamo di seguirci anche lì.
Unisciti a noi!
ispazio notifiche
Seguici su Google News
Condividi Facebook Twitter Telegram WhatsApp Threads Email Copia Link
Articolo precedenteIl famoso fumetto Cowboys & Aliens diventerà presto un gioco, grazie a Gameloft!
Articolo successivo Phranger, l’app in grado di inviare SMS e chiamate in base alla vostra posizione, si aggiorna con interessanti novità

Articoli correlati

Vi presentiamo “Offerte iSpazio” il nuovo servizio per risparmiare su Amazon, evoluzione di “Scontiamolo”

2 Lug 2025Commenta

Una Apple Intelligence, “meno Apple” potrebbe essere la mossa più intelligente di tutte

2 Lug 2025Commenta

Una comunicazione di servizio per gli utenti che utilizzano l’app di iSpazio su iPhone ed iPad

2 Ott 2024Commenta

Ecco a quanto puoi vendere il tuo iPhone usato e quanto dovresti spendere per acquistare un iPhone usato | GUIDA 2024

20 Set 2024Commenta

Leggi o Aggiungi Commenti

Advertising

Da non perdere!

iOS 26 beta 3: Tutte le novità raccolte in un solo articolo in continuo aggiornamento! [10]

7 Lug 2025

Apple prepara una valanga di novità: oltre 15 prodotti in arrivo entro fine anno

7 Lug 2025

Ecco la lista degli iPhone sui quali è possibile installare iOS 26

9 Giu 2025

iOS 26 beta 2: tutte le novità nascoste e i miglioramenti rispetto alla prima versione [15]

23 Giu 2025
Advertising

Gli articoli più letti

Apple Watch Ultra 3: arriverà in autunno con tre novità inedite

Apple Watch Ultra 3, la nuova generazione arriva con 5G e messaggi satellitari

Info su iSpazio
Info su iSpazio

iSpazio è il punto di riferimento italiano per tutti gli appassionati Apple. Dal 2007, sul nostro sito trovi notizie, recensioni e guide per imparare ad utilizzare al meglio iOS, l'iPhone e tutti gli altri dispostivi dell'azienda.

Contattaci
Pubblicità

Il Network
Il Network

L'esperienza maturata su iSpazio ci ha portati, con il tempo, a realizzare altri progetti ed aprire nuovi siti con tematiche strettamente correlate al nostro Blog principale.

Oggi, siamo i fieri proprietari di un Network composto da: iSpazio, Scontiamolo, Wallpapers Central e Teslers.

Link Rapidi
  • Chi siamo
  • Contattaci
  • Legal
  • Privacy Policy
  • Pubblicità su
© Copyright 2025 iSpazio SRL | Partita IVA: 10137091210
  • Chi siamo
  • Contattaci
  • Legal
  • Privacy Policy
  • Pubblicità su

Scrivi quello che vuoi cercare e premi Invio.