HTML评论标记

我目前正在创建自己的博客,我必须评论这些评论,但标记它的最佳方式是什么?

我需要提供的信息是:

  1. 人名
  2. Gravatar图标
  3. 评论日期
  4. 评论

任何想法都会很受欢迎。

PS:我只对语义化的html标记感兴趣。

0

5 答案

我可能正在想这样的事情:

  1. Name
    Date
    Comment

没有使用div和只有一个类,它非常有语义。该列表显示了评论的顺序,人员网站的链接,以及他们的gravatar图像,引用标签的网站谁说评论和blockquote持有他们所说的。

人们认为什么?

0
额外
根据我的理解,类属性是导致语义的原因。我相信大多数微格式都是作为XHTML中的类和属性实现的,除非你想拥抱RDF等,否则你不会得到更多的语义。
额外 作者 Thomas Owens,

我明白你的意思。好吧,读过那篇文章后,为什么你不尝试这样的事情?

<?php echo Comment ?>
 

用一些时髦的CSS让它看起来不错。

feederscript.php是可以从数据库中读取的东西,只回应所需的纪念。

0
额外

以下是使用以下CSS将图片浮动到内容左侧的一种方法:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.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'>
    (Commenter Name)
  </div>
  <div class='comment_text'>
    
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.


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

</div>
By Name on 2008-08-21 11:32 AM

</div>
</div> </div>
0
额外

I don't know that there's markup that would necessarily represent the comment structure well without using divs or classes as well, but you could use definition lists. You can use multiple dt and dd tags in the context of a definition list - http://www.w3.org/TR/html401/struct/lists.html#edef-DL

By [Name] at 2008-01-01

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.

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


更新:我对这种方法的担心在于,为了样式目的,使用CSS唯一标识元素可能很困难。你可以使用JavaScript(jQuery在这里很棒)来查找和应用样式。如果浏览器(IE)不支持全面的CSS选择器支持,那么样式更难。

0
额外

我认为你的版本与引用,blockquote等肯定会起作用,但是如果语义是你最关心的问题,那么我个人不会使用引用和blockquote,因为它们具有他们应该代表的特定事物。

blockquote标签旨在表示从另一个来源引用的引用,并且引用标签旨在表示信息来源(如杂志,报纸等)。

I think an argument can certainly made that you can use semantic HTML with class names, provided they are meaningful. This article on Plain Old Semantic HTML makes a reference to using class names - http://www.fooclass.com/plain_old_semantic_html

0
额外