2. Figure figcaption
● Figure viene impiegato per contrassegnare
illustrazioni, diagrammi, foto, listati di codice
che vengono citati nel testo principale ma
senza alterarne il senso. Possono quindi
essere tolti e messi in altre sezioni del sito.
● Figcaption serve da didascalia per l'immagine
5. hgroup
● L'elemento che raggruppa due o più
intestazioni successive
<hgroup>
<h1>Pippo.com</h1>
<h2>Pippo il bracco più
famoso del mondo </h2>
</hgroup>
6. hgroup
● Lo scopo nel caso di prima sarebbe non far
interferire l'h2 con gli altri h2 del documento che
potrebbero servire per definire uno schema
logico.
● Nel nostro caso l'h2 è più che altro un
sottotitolo.
7. time
● L'elemento fornisce una versione della data
leggibile per l'uomo ed una leggibile per le
“macchine”
<time datetime="20070829T13:58Z">
August 29th, 2007 at 13:58
</time>
//l'attributo datetime è opzionale,
nel caso si userà la stringa data
9. Progress
● L'elemeno progress rappresenta il grado di avanzamento di una operazione
<section>
<p>Progress: <progress> <span id="p">0</span>% </progress>
</p>
<script>
var progressBar = document.getElementById('p');
function updateProgress(newValue) {
progressBar.textContent = newValue;
}
</script>
</section>
10. meter
● Rappresenta una grandezza scalare, esempio il
Page Rank
Your PageRank is: <meter> 2 out of 10
</meter>
12. Address
● Gli elementi address rappresentano le
informazioni di contatto per l'elemento article o
l'elemento antenato più vicino.
● Se questo è l'elemento body, allora le
informazioni di contatto si applicano al
documento nel suo complesso.
13. Novità nei vecchi elementi
<a>
The media attribute describes for which media
the target document was designed. It is purely
advisory. The value must be a valid media
query. The default, if the media attribute is
omitted, is "all".
15. Davvero?
<b> ed </i> fanno ancora parte delle specifiche
<b class="character">Deckard</b>: <i
class="voiceover">The report would be
routine retirement of a replicant
which didn't make me feel...</i>
Sinceramente sono non mi è
chiarissimo perché vadano mantenuti.
18. Menu - type
● Context: menu di tipo contestuale (tipo quello
che si apre col tasto destro su win)
● Toolbar: menu tipo barra degli strumenti
● List: definisce una lista di comandi