Specificația microdatelor este cea mai tânără descrisă aici. A fost creată ținând cont de experiența utilizării predecesorilor săi și a devenit parte din HTML5. Principala diferență este că sarcina semantică la orice element HTML este atribuită adăugării unui set special de atribute. Există, de asemenea, un API special DOM pentru lucrul cu microdate din scripturile de pagină web.
Iată cum pagina de programator, marcată cu microdate, va arăta:
Ivan Parovozov ,
Mai bine cunoscut ca
G. Egvekinot, districtul autonom Chukotski
Constructori de 3 strazi, casa 25, apartament 12
La Nord Software
+7 (952) 345 67 89 parovozoff @ yandex. ru
Contactele mele în rețelele sociale:
Mai intai vom crea marcajul obisnuit:
Sankt Petersburg (DK Gorky) pl. Stachek, 4.
Bilete la biletele de avion ale Palatului Culturii
Cred că principiul este clar - cu ajutorul atributului itemprop aranjăm lexemele din dicționarul nostru, care vor fi cheile. Semnificația acestor chei ar trebui explicată mai detaliat.
În general, această valoare va fi conținutul text al etichetei (adică, pentru conținut perechea - foo '=>' conținut-) va fi adevărată.
- element - valoarea atributului de conținut;
- element
În cele din urmă, elementul încă controversat la momentul redactării
Astfel, orice parser care prelucrează anunțul nostru va citi următoarea matrice asociativă:
"Rezumat" => "JOE BONAMASSA. Noul rege
Acest lucru este deja bun, dar este ceva de îmbunătățit. Valoarea cheii de locație este DK Gorky din Sankt Petersburg, care, deși este bine cunoscută iubitorilor de muzică de la St. Petersburg, este pur și simplu o linie de text pentru motoarele de căutare. Vom corecta această stare de lucruri prin introducerea microdatelor dintr-un alt dicționar - Organizație și vom face acest lucru în interiorul elementului părinte indicat de zona de acțiune a dicționarului Eveniment:
![Microdate, tutorial html5 (microdata) Microdata, tutorial html5](https://images-on-off.com/images/182/mikrodannieuchebnikhtml5-c249dfdf.png)
Fig. 28. Evenimentul de căutare, indexat după marcare cu metadate
Acum, toți copiii etichetei Span vor fi afectați de acțiunea dicționarului Organizație și odată ce eticheta va fi închisă, domeniul dicționarului parental Eveniment va începe din nou.
Palatul Culturii. Gorki
itemprop = "adresa">
pl. Stachek, 4.
Textul trebuie să fie împărțit cu etichete suplimentare, dar aceasta este o tehnică comună atunci când se utilizează microdate - aceasta este plata pentru utilizarea acestora.
Și acum înapoi la dicționarul Organizație. Acesta include o cheie foarte interesantă:
Geo - Specifică coordonatele geografice ale locației. Include două elemente: latitudine și longitudine.
Da, aceasta este o oportunitate de a identifica datele de geolocație ale organizației.
Gândul în sine este bun și promițător, dar nu este pur și simplu unde să plasați aceste date în marcaj vizibil. Soluția de aici va fi în spiritul HTML5, a cărui specificare face necesară o analiză nouă a capabilităților etichetei :
Prin plasarea itemprop = "url" (de exemplu) în etichetă , este puțin probabil să obținem rezultatul dorit.
Modul normal de ieșire din această situație este următorul marcaj:
Un alt aspect este prelucrarea acelorași elemente. Dar totul este simplu. Poate, de exemplu, o persoană (dicționarul Persoană) are mai multe fotografii (itemprop = "fotografie")? Și de ce, de fapt, nu?
Cu toate acestea, ar trebui să ne oprim aici, cred că ideile de marcare sunt complet de înțeles. Dar asta nu e tot.