środa, 31 października 2012

[HTML|JS|CSS] HTML5: Microdata

Ideą, która przyświecała twórcom mikrodanych jest zaszycie w znacznikach html informacji o pewnych encjach danych. Funkcjonalność taka, jest możliwa dzięki temu, że HTML5 ignoruje atrybuty których nie zna, co nie powoduje utrudnień w działaniu strony.  Dane  z jednej strony są przedstawiane użytkownikom odwiedzającym strony, z drugiej dostępne są do pobrania w formie klucz - wartość.  W związku z tym wymagane jest podanie adresu URL do opisu poszczególnych properties danego typu. Same atrybuty mikrodanych opisano poniżej:
  • itemscope - definicja kontenera na mikrodane
  • itemtype - adres URL z opisem poszczególnych pól danego typu, typy można zagnieżdżać
  • itemprop - klucz atrybut (wartość przeważnie pomiędzy tagiem otwierającym a zamykającym)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Microdata</title>
</head>
<body>
  <div itemscope itemtype="http://www.data-vocabulary.org/Person/">
 <div>
   <span>Hello, my name is <strong itemprop="name">John Doe</strong></span>
 </div>
 <div>
   <span>I work as a <strong itemprop="role">Software Developer></strong> and I study at  <strong itemprop="affiliation"> AGH UST</strong>
 </div>
  </div>
</body>
</html>

Brak komentarzy:

Prześlij komentarz