我目前正在创建自己的博客,并且已经开始标记评论,但是最好的标记方法是什么?
我需要展示的信息有:
- 评论者姓名
- Gravatar 头像
- 评论日期
- 评论内容
PS: 我只关注语义化的 HTML 标记。
我目前正在创建自己的博客,并且已经开始标记评论,但是最好的标记方法是什么?
我需要展示的信息有:
PS: 我只关注语义化的 HTML 标记。
<ol class="comments">
<li>
<a href="">
<img src="" alt="" />
</a>
<cite>Name<br />Date</cite>
<blockquote>Comment</blockquote>
</li>
</ol>
使用语义化标签而不是div以及仅使用一个类,这样做非常有意义。列表显示了评论的顺序,包括指向评论者网站的链接、他们的Gravatar图像、引用该评论者的cite标签和包含他们所说内容的blockquote标签。
.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>
我不知道是否有标记可以很好地表示注释结构,而不使用
<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>
我明白你的意思。好的,在阅读了那篇文章之后,为什么不试试这个呢?
<blockquote
cite="http://yoursite/comments/feederscript.php?id=commentid"
title="<?php echo Name . " - " . Date ?>" >
<?php echo Comment ?>
</blockquote>
使用一些时髦的CSS让它看起来很漂亮。
feederscript.php 可以从数据库中读取并仅输出所调用的评论ID。