Γρήγορη αναφορά

Microformats Σημειώσεις

Ένας οδηγός αναφοράς για τα κλασικά Microformats: h-card για στοιχεία συντάκτη, h-entry για άρθρα ιστολογίου και σημασιολογική HTML.

· Δημοσιεύτηκε

Τα Microformats παρέχουν απλές συμβάσεις για τη σημασιολογική σήμανση οντοτήτων δεδομένων χρησιμοποιώντας τυπικά ονόματα κλάσεων HTML.

Συγγραφείς και Πρόσωπα (h-card / vcard)

<div class="h-card vcard">
  <img class="u-photo photo" src="https://example.com/avatar.jpg" alt="Alice Smith" />
  <a class="p-name fn u-url url" href="https://example.com">Alice Smith</a>
  <span class="p-org org">Acme Corp</span>
  <span class="p-job-title title">Lead Architect</span>
  <a class="u-email email" href="mailto:[email protected]">[email protected]</a>
</div>

Δημοσιεύσεις Ιστολογίου (h-entry)

<article class="h-entry">
  <h1 class="p-name">Κατασκευή Ανθεκτικών Κατανεμημένων Συστημάτων</h1>
  <time class="dt-published" datetime="2026-11-08T10:00:00Z">8 Νοεμβρίου 2026</time>
  <div class="e-content">
    <p>Το κύριο κείμενο του άρθρου τοποθετείται εδώ...</p>
  </div>
  <p>Δημοσιεύτηκε από <a class="p-author h-card" href="https://example.com">Alice Smith</a></p>
</article>

Σχετικές Αναφορές

Σχετικά θέματα