HTML評論標記

Question

我目前正在創建自己的博客的過程中，我必須標記註釋，但標記它的最佳方式是什麼？

我需要呈現的信息是：

1. 人名稱
2. Gravatar圖標
3. 意見日期
4. 的評論

任何想法的將大大appriciated。

PS：我只對語義的html標記感興趣。

Answer 1

我認爲你的版本與引用，blockquote等肯定會起作用，但是如果語義是你主要關注的話，那麼我個人不會使用引用和blockquote，因爲它們有他們應該表示的特定事物。

blockquote標記是爲了表示從另一個來源引用的引用，而引用標記是爲了表示信息來源（如雜誌，報紙等）。

我認爲一個論據當然可以使你可以使用帶有類名的語義HTML，只要它們有意義。這篇關於Plain Old Semantic HTML的文章引用了類名 - http://www.fooclass.com/plain_old_semantic_html

Answer 2

這裏有一種方法，你可以用下面的CSS這樣做是爲了畫面浮到的內容左：

.comment { 
 
    width: 400px; 
 
} 
 

 
.comment_img { 
 
    float: left; 
 
} 
 

 
.comment_text, 
 
.comment_meta { 
 
    margin-left: 40px; 
 
} 
 

 
.comment_meta { 
 
    clear: both; 
 
}

<div class='comment' id='comment_(comment id #)'> 
 
    <div class='comment_img'> 
 
    <img src='https://placehold.it/100' alt='(Commenter Name)' /> 
 
    </div> 
 
    <div class='comment_text'> 
 
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mauris. Morbi quis tellus sit amet eros ullamcorper ultrices. Proin a tortor. Praesent et odio. Duis mi odio, consequat ut, euismod sed, commodo vitae, nulla. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pede.</p> 
 
    <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rhoncus accumsan velit. Donec varius magna a est. </p> 
 
    </div> 
 
    <p class='comment_meta'> 
 
    By <a href='#'>Name</a> on <span class='comment_date'>2008-08-21 11:32 AM</span> 
 
    </p> 
 
</div>

Answer 3

我不知道，有標記，將必須很好地代表評論結構，而不使用div或類，但你可以使用定義列表。您可以在定義列表的情況下使用多個dt和DD標籤 - http://www.w3.org/TR/html401/struct/lists.html#edef-DL

<dl> 
    <dt>By [Name] at 2008-01-01<dt> 
    <dd><img src='...' alt=''/></dd> 
    <dd><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mauris. Morbi quis tellus sit amet eros ullamcorper ultrices. Proin a tortor. Praesent et odio. Duis mi odio, consequat ut, euismod sed, commodo vitae, nulla. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pede.</p> 

    <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rhoncus accumsan velit. Donec varius magna a est. </p> 
    </dd> 
</dl> 

更新：我有這樣的做法令人擔憂的是，這可能是困難的唯一識別與CSS元素爲造型目的。你可以使用JavaScript（jQuery在這裏很棒）來查找和應用樣式。如果瀏覽器（IE）不支持完整的CSS選擇器支持，則樣式更難。

Answer 4

我也許想的是這樣的：

<ol class="comments"> 
    <li> 
     <a href=""> 
      <img src="" alt="" /> 
     </a> 
     <cite>Name<br />Date</cite> 
     <blockquote>Comment</blockquote> 
    </li> 
</ol> 

這是非常不語義使用div的，只有一個班。該列表顯示了評論的順序，人員網站的鏈接，以及他們的gravatar圖像，引用標籤的網站誰說評論和blockquote持有他們所說的。

人們認爲什麼？

Answer 5

我明白了你的觀點。好吧，讀過那篇文章後，爲什麼你不嘗試這樣的事情？

<blockquote 
    cite="http://yoursite/comments/feederscript.php?id=commentid" 
    title="<?php echo Name . " - " . Date ?>" > 
    <?php echo Comment ?> 
</blockquote> 

與一些時髦的CSS，使它看起來不錯。

feederscript.php將是可以從數據庫中讀取的東西，只回應所需的紀念。