hatom-tutorial

From Microformats Wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

hAtom Tutorial material

Work in progress!!!!

Hints and Tips

CSS tips

HTML typically styles address as a block level element in an italic font. This will make it inline and plain within hAtom elements:

.hentry address {
    display: inline;
    font-weight: normal;
    font-style: normal;
} 

HTML typically puts a dotted line under <abbr> elements. This will put postage paid to that for Entry Updated and Entry Posted:

.hentry abbr.updated, .hentry abbr.published {
  font-style: normal;
  border: none;
}

MovableType Template

A datetime encoded in an ABBR element can be produced with the following template code:

<abbr 
 class="published" 
 title="<$MTEntryDate format="%Y%m%dT%H%M%S"$><$MTBlogTimezone
 no_colon="1"$>"><$MTEntryDate format="%X"$></abbr>