Page 132 - Guida tascabile HTML5
P. 132

proprietà sarà l’URL legato al relativo attributo src;
                      per i collegamenti ipertestuali <a>, <area> e <link> il valore sarà l’URL legato al

                      relativo attributo href;
                      per il tag <object> il valore sarà l’URL legato al relativo attributo data;
                      per il tag <time> il valore sarà legato al relativo attributo datetime.

                In questi casi, qualora gli attributi appropriati non fossero specificati, alla proprietà
                non sarà associato alcun valore.

              Anche se non è consigliato, è possibile aggiungere dati non visualizzati nella

           pagina, per rendere disponibili informazioni aggiuntive solo agli script di parsing:

           <meta itemprop="inLanguage" content="it">
              Il tag <meta> non interferirà con quanto visualizzato nella pagina, ma

           l’informazione trasmessa con l’attributo content sarà disponibile insieme al resto

           dei Microdata.

                TERMINOLOGIA Qualora fosse necessario associare un valore in modo indiretto, al
                di  fuori  delle  casistiche  appena  descritte,  è  possibile  utilizzare  il  tag  <data>  e
                specificare, oltre all’attributo itemprop adeguato, l’attributo value con i dati significativi:

               <div itemscope itemtype="http://schema.org/Product">
                 <h1 itemprop="name">iPhone 7</h1>
                 <h2>di <em itemprop="manufacturer">Apple</em></h2>
                 <p><data itemprop="mpn" value="A1778">Modem Intel</data></p>
               </div>
                Resta  sottointeso  che,  quando  possibile,  è  preferibile  fare  in  modo  che  tutte  le
                informazioni risultino accessibili anche per i normali fruitori.

              Ecco un altro esempio di markup riguardante in questo caso la scheda di un film:

           <div>
             <h1>Star Trek: The Motion Picture</h1>
             <p>Regia di Robert Wise</p>
             <img src="locandina.jpg" alt="locandina">
             <p>Fantascienza, USA, 1979</p>
             <p>Durata: 132 min</p>
             <h2>Attori principali</h2>
             <ul>
               <li><b>James T. Kirk</b> - <em>William Shatner</em></li>
               <li><b>Spock</b> - <em>Leonard Nimoy</em></li>
             </ul>
           </div>
              Arricchito con i Microdata, ecco come potrebbe diventare il markup:

           <div itemscope itemtype="http://schema.org/Movie">
             <h1 itemprop="name">Star Trek: The Motion Picture</h1>
             <p>Regia di <strong itemprop="director">Robert Wise</strong></p>
             <img itemprop="image" src="locandina.jpg" alt="locandina">
             <p><span itemprop="genre">Fantascienza</span>, <span
           itemprop="countryOfOrigin">USA</span>, <time datetime="1979"
           itemprop="dateCreated">1979</time></p>
             <p>Durata: <time datetime="P 132" itemprop="duration">132 min</time></p>
             <h2>Attori principali</h2>
             <ul>
   127   128   129   130   131   132   133   134   135   136   137