Microdata, tutorial html5

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 Este valoarea atributului de date.

Î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:

Microdata, tutorial html5

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.

Ați putea fi, de asemenea, interesat de următoarele articole:







Trimiteți-le prietenilor: