Skip to content

Instantly share code, notes, and snippets.

@hail2u

hail2u/hatom-in-microdata.html

Created December 5, 2011 14:08
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hail2u/1433682 to your computer and use it in GitHub Desktop.
Save hail2u/1433682 to your computer and use it in GitHub Desktop.
Download ZIP
hAtomをMicrodataで（修正した感じ
Raw
hatom-in-microdata.html
<body itemscope itemtype="http://microformats.org/profile/hatom">
<article itemscope itemtype="http://microformats.org/profile/hatom#hentry">
<h2 itemprop="entry-title">
<a rel="bookmark"
href="http://hail2u.net/blog/webdesign/document-structure.html"
itemprop="url">
文書構造を見なおした(ている)
</a>
</h2>
<footer>
<p>
Posted on
<time datetime="2011-11-09T19:31:06+09:00"
pubdate
itemprop="published">
09 Nov, 2011
</time>
in
<a rel="tag"
href="http://hail2u.net/blog/webdesign/"
itemprop="url">
Web Design
</a>
</p>
</footer>
<div itemprop="entry-content">...</div>
</article>
<footer>
<address itemprop="author"
itemscope
itemtype="http://microformats.org/profile/hcard">
Made by
<a href="http://hail2u.net/about/"
itemprop="fn url">
Kyo Nagashima
</a>
</address>
</footer>
</body>
@hail2u
Copy link
Author

hail2u commented Dec 5, 2011

  • hentryはitemtypeとitemscopeの組み合わせで。プロフィールは#hentry。
  • authorをたどれるようにhatomのスコープをbodyに。
  • authorとhCardのコンビネーションは同時にitemprop/itemsope/itemtypeの合わせ技でOKそう。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment