Programmazione.it v6.4
Ciao, per farti riconoscere devi fare il login. Non ti sei ancora iscritto? Che aspetti, registrati adesso!
Info Pubblicità Collabora Autori Sottoscrizioni Preferiti Bozze Scheda personale Privacy Archivio Libri Corsi per principianti Forum
Greenpeace
Guida ad HTML5: microdata (3/4)
Scritto da Pellegrino Principe il 10-01-2011 ore 09:16
Intel Cluster Studio XE
Per utilizzare praticamente i microdata dobbiamo utilizzare i seguenti attributi: l’attributo itemtype consente di scegliere il tipo di vocabolario applicabile su di un elemento HTML scelto; l’attributo itemscope consente di indicare che l’elemento HTML scelto rappresenta il punto iniziale (scope o ambito iniziale) a partire dal quale, al suo interno, saranno posizionati altri elementi HTML, che indicheranno le sue proprietà; l’attributo itemprop consente di indicare, per un elemento HTML, una determinata proprietà dove il valore assegnato ne fornisce il nome.

Vediamo, a questo punto, come utilizzare tutti i vocabolari citati, illustrando prima il codice HTML scritto in modo non strutturato, e successivamente mostrando lo stesso con l’utilizzo, però, dei microdata. Per un vocabolario che descrive una generica Persona la forma non strutturata è:
  1. <div>
  2. Mi chiamo Pellegrino Principe, per gli amici thp. Il mio sito è localizzato all’URL 
  3. <a href="http://www.pellegrinoprincipe.com">THP</a>.
  4. Vivo Roma, in Italia, e lavoro come Sviluppatore Software in Guardia di Finanza
  5. </div>
mentre la forma strutturata è:
  1. <div itemscope itemtype="http://data-vocabulary.org/Person">
  2.   Mi chiamo <span itemprop="name"> Pellegrino Principe </span>, 
  3.   Per gli amici <span itemprop="nickname">thp</span>.
  4.   Il mio sito è localizzato all’URL
  5.   <a href="http://www.pellegrinoprincipe.com" itemprop="url">THP</a>.
  6.   Vivo a  <span itemprop="address" itemscope
  7.     itemtype="http://data-vocabulary.org/Address">
  8.     <span itemprop="locality">Roma</span>, 
  9.     <span itemprop="region">Italia</span> 
  10.   </span>
  11.   e lavoro come <span itemprop="title"> Sviluppatore Software</span>
  12.   in <span itemprop="affiliation"> Guardia di Finanza </span>.
  13. </div>
Per un vocabolario che descrive una generica organizzazione, la forma non strutturata è:
  1. <div>
  2.    InfoByte Computer Shop
  3.    Indirizzo: Via Ludovico Ariosto 113, Parma. Italia
  4.    Telefono: 1595950
  5.    <a href="http://www.ibcs.com"> InfoByte Computer Shop </a>
  6. </div>
mentre la forma strutturata è:
  1. <div itemscope itemtype="http://data-vocabulary.org/Organization"> 
  2.     <span itemprop="name"> InfoByte Computer Shop </span>
  3.     Indirizzo: 
  4.     <span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
  5.       <span itemprop="street-address"> Via Ludovico Ariosto 113</span>, 
  6.       <span itemprop="locality">Parma</span>, 
  7.       <span itemprop="region">Italia</span>.
  8.     </span>
  9.     Telefono: <span itemprop="tel">1595950</span>.
  10.    <a href=http://www.ibcs.com itemprop="url"> InfoByte Computer Shop </a>
  11. </div>
Per un vocabolario che descrive un prodotto la forma non strutturata è:
  1. <div>
  2. La Scheda Video ATIIPRO<img src="ATII2000.jpg" />
  3. è strabiliante e ha potenti caratteristiche hardware come...
  4. Categoria: Hardware; prezzo €250,00
  5. </div>
mentre la forma strutturata è:
  1. <div itemscope itemtype="http://data-vocabulary.org/Product">
  2.   <span itemprop="brand"> ATIIPRO </span> 
  3.   <span itemprop="name"> Scheda Video ATIIPRO</span>
  4.   <img itemprop="photo" src=" ATII2000.jpg" />
  5.   <span itemprop="description"> La Scheda Video ATIIPRO è strabiliante e ha potenti caratteristiche hardware come…
  6.   </span>
  7.   Categoria: <span itemprop="category" >Hardware</span>
  8.  Prezzo<span itemprop="price">€250,00</span>
  9. </div>
Manda ad un amico Aggiungi ai preferiti Sottoscrivi la discussione Stampa
Commenta
Precedente: Multi-Mechanize, misurare le prestazioni di un sito web
Successiva: Gestire i numeri di telefono mediante libphonenumber
Copyright Programmazione.it™ 1999-2013. Alcuni diritti riservati. Testata giornalistica iscritta col n. 569 presso il Tribunale di Milano in data 14/10/2002. Pagina generata in 0.392 secondi.