Which HTML5 tag should I use to mark up an author’s name?

Question

For example of a blog-post or article.

header

09-02-2011
John
My articl         


        

Answer 1

Both rel="author" and

are designed for this exact purpose. Both are supported in HTML5. The spec tells us that rel="author" can be used on , and elements. Google also recommends its usage. Combining use of

and rel="author" seems optimal. HTML5 best affords wrapping

headlines and bylines info in a

like so:

    

        
Headline
        

            
By John Doe
 
            on 8/28/11
        

    


    

    ...
    

• The pubdate attribute indicates that that is the published date.

• The title attributes are optional flyovers.

• The byline info can alternatively be wrapped in a

  within an

If you want to add the hcard microformat, then I would do so like this:

    

        
Headline
        

            
By John Doe
 
            on on 8/28/11
        
    

    

    ...