Šablóna podla schema.org – CSS – Fórum – Programujte.com

kamarat mi povedal aby som sa naučil Kodovat šablóny podla schema.org viete mi to prosím niekto vysvetlit lebo na tej stránke tomu nerozumiem. Alebo nejaký slovenský či Česky clanok

http://schema.org/docs/schemas.html
Rozklikl jsem si treba event
http://schema.org/Event
A tam je ukazka, co vsechno se povazuje za eventy a jake hodnty se u nich nastavuji.  Je tam i ukazka htm kodu s class. Jak to vypada v jsonu, treba.
Jde o to, ze kdyz className pojmenujes stejne, ziskas jakesi XML schema a pak muzes z te stranky vycucavat treba aktualni zpravy bez toho, abys musel specialne rikat svemu programu, jake class k cemu priradit, aby to zobrazil spravne. Navic, proste i v css budes mit poradek, ze ho muzes pouzit pro dalsi stranky, kdyz dodrzis stejne schema a nebudes muset prejmenovavat class a vymyslet porad nova jmena.
Ja bych do teto struktury ale nesel :)

    <div class="event-wrapper">
      <div class="event-date">Sat Sep 14</div>
      <div class="event-title">SOLD OUT! Typhoon with Radiation City</div>
      <div class="event-venue">
        The Hi-Dive
        <div class="address">
          7 S. Broadway<br>
          Denver, CO 80209
        </div>
      </div>
      <div class="event-time">10:00 PM</div>
     <span>
      <div class="event-price">$13.00</div>
      <a href="http://www.ticketfly.com/purchase/309433">Tickets</a>
     </span>
    </div>

Chybi tady jednotnost. Vsude neni event-, viz address . Ja bych to delal tak, ze zakladni polozku pojmenuji event-item a vse pod tim pojmenuji uz bez toho event-. Oni to s address mysli dobre, aby se to zformatovalo podle jakehosi globalniho class adress, ale je to na houby, delat takove globalni. Lepsi je to mit vsechno definovane uvnitr od struktury event-item
.event-item .address {...}
.event-item .title {...}
.event-item .start-date {...}
.event-item .end-date {...}
.event-item .create-date {...}
.event-item .creator {...}

Jo, jinak je celkem moda ted pouzivat uz pripravene css.
http://getbootstrap.com/
http://getbootstrap.com/…ing-started/
Stahnes, nalinkujes do stranky css, script a pouzijes schema pro formulare, tlacitka, ruzne komponenty a javascriptove aplikace, hlavne pouzivam zalozky a menicka
http://getbootstrap.com/css/
http://getbootstrap.com/components/
http://getbootstrap.com/javascript/

Samozrejme, nic nebrani, zkombinovat to s class z toho schemes.org. Tady jde spis o to, ze hlavni vzhled uz mas navrzeny i ruzne barvicky, skryvani menu pod tlacitko a pod. Vis, jak udelat tabulku, formular. Jen ty jmena class to ma takove divne :)