Difference between revisions of "comment-examples"

From Microformats Wiki
Jump to navigation Jump to search
Line 245: Line 245:
 
     </li>
 
     </li>
 
</ol>
 
</ol>
 +
</pre>
 +
 +
 +
==== Video site #1 ====
 +
 +
* http://vimeo.com/162754
 +
 +
<pre>
 +
<ul class="comments" id="comments_162754">
 +
    <!-- comment #1 -->
 +
    <li class="parent first">
 +
        <a name="comment_120581"></a>
 +
        <img src="..." alt="" class="portrait" />
 +
        <div class="rightside">
 +
        <div class="name">
 +
            <a href="/videowombat">FuzzyDave</a>
 +
            2 years ago
 +
        </div>
 +
        <div class="text">
 +
            Another great short...
 +
        </div>
 +
        <div class="clear"></div>
 +
    </li>
 +
 +
    <!-- comment #2 -->
 +
    <li class="reply">
 +
        <a name="comment_120724"></a>
 +
        <img src="..." alt="" class="portrait" />
 +
        <div class="rightside">
 +
            <div class="name">
 +
                <a href="/joshflowers">JoshFlowers</a>
 +
                2 years ago
 +
            </div>
 +
            <div class="text">
 +
                Odd, I just suggested ...
 +
            </div>
 +
        </div>
 +
        <div class="clear"></div>
 +
    </li>
 +
</ul>
 +
 
</pre>
 
</pre>

Revision as of 13:45, 16 November 2008

Tools

WordPress

    • comment_ID
    • comment_author
    • comment_author_IP
    • comment_author_email
    • comment_author_link
    • comment_type
    • comment_text
    • comment_excerpt
    • comment_date
    • comment_time

pMachine

    • body
    • date
    • name
    • location
    • url
    • email
    • profile_link
    • member_total_comments

Expression Engine

    • {author_id}
    • {comment}
    • {comment_id}
    • {ip_address}
    • {name}
    • {permalink}
    • {url}
    • {url_or_email}

Expression Engine includes many additional comments templates tags. This list excludes the following tags: tags used to display user data (instant message handles, location, occupation, etc.), tags which are used for navigation within EE-based blogs or websites, tags which deal with comment presentation (alternating background colors between comments), and custom member tags (which are defined by individual sites.)

Drupal

    • $comment->new
    • $comment->subject
    • $comment->cid
    • $comment->nid
    • $comment->timestamp
    • $submitted
    • $comment
    • $picture
    • $content
    • $links

Real world Examples

The following urls are examples of user/visitor comments primarily about media, but are all in the context of a blog post or article.

Analysis

25 examples

  • author 100%
  • comment 100%
  • published 100%
  • author-url 92%
  • comment-link 40%
  • author-photo 16%
  • reply-url 12%

Other properties occuring less than 10%

  • vote

Selected Examples

Blogspot #1

<dl id='comments-block'>
    <!-- comment #1 -->
    <dt class='comment-author blogger-comment-icon' id='c113756252571588387'>
        <a name='c113756252571588387'></a>
        <a href='...' rel='nofollow'>french/new/wave/nerd</a> said...
    </dt>
    <dd class='comment-body'>
        <p>that was tasty.<BR/><BR/>-taxiplasm</p>
    </dd>
    <dd class='comment-footer'>
        <span class='comment-timestamp'>
            <a href='...' title='comment permalink'>9:35 PM</a>
        </span>
    </dd>

    <!-- comment #2 -->
    <dt class='comment-author blogger-comment-icon' id='c113756977236111956'>
        <a name='c113756977236111956'></a>
        <a href='...' rel='nofollow'>JuanFalla</a> said...
    </dt>    <dd class='comment-body'>
        <p>I wish i had your music ability. nice...</p>
    </dd>
    <dd class='comment-footer'>
        <span class='comment-timestamp'>
            <a href='...' title='comment permalink'>11:36 PM</a>
        </span>
    </dd>
</dl>

MovableType #1

<div class="comments-head">
    <a name="comments"></a>
    Comments
</div>
<div class="comments-body">
    <p>Is it right that this video ....</p>
    <p>Thanks.</p>
    <span class="comments-post">
        Posted by: <a href="...">Marco Bakera</a>
        at November  8, 2005 08:34 AM
    </span>
</div>
<div class="comments-body">
    <p>In the right column you find the ....</p>
    <p>Attribution Noncommercial Share Alike...</p>
    <span class="comments-post">
        Posted by: <a href="...">fALk</a>
        at November 30, 2005 12:12 PM
    </span>
</div>

Wordpress #1

<h3 id="comments">
    67 Responses to “THE TEXAS CHAINSAW CUSTOMER”
</h3>
<ol class="commentlist">
    <!-- comment #1 -->
    <li class="alt" id="comment-3779">
        <cite>a fan</cite> Says:
        <br />
        <small class="commentmetadata">
            <a href="#comment-3779" title="">October 17th, 2006 at 7:42 pm</a> 
        </small>
        <p>Sounds like a it’ll be good...  </p>
    </li>
    
    <!-- comment #2 -->
    <li class="" id="comment-3979">
        <cite><a href='...' rel='external nofollow'>chase</a></cite> Says:
        <br />
        <small class="commentmetadata">
            <a href="#comment-3979" title="">October 21st, 2006 at 5:25 pm</a>
        </small>
        <p>hurry, hurry, hurry …</p>
    </li>
</ol>


Video site #1

<ul class="comments" id="comments_162754">
    <!-- comment #1 -->
    <li class="parent first">
        <a name="comment_120581"></a>
        <img src="..." alt="" class="portrait" />
        <div class="rightside">
        <div class="name">
            <a href="/videowombat">FuzzyDave</a>
            2 years ago
        </div>
        <div class="text">
            Another great short...
        </div>
        <div class="clear"></div>
    </li>

    <!-- comment #2 -->
    <li class="reply">
        <a name="comment_120724"></a>
        <img src="..." alt="" class="portrait" />
        <div class="rightside">
            <div class="name">
                <a href="/joshflowers">JoshFlowers</a>
                2 years ago
            </div>
            <div class="text">
                Odd, I just suggested ...
            </div>
        </div>
        <div class="clear"></div>
    </li>
</ul>