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

我需要提供的信息是:

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

任何想法都会受到很多关注。

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

===============>>#1 票数:6 已采纳

我认为你的cite,blockquote等版本肯定会有效,但如果语义是你的主要关注点,那么我个人不会使用cite和blockquote,因为它们具有它们应该代表的特定事物。

blockquote标签用于表示从其他来源获取的报价,而cite标签用于表示信息来源(如杂志,报纸等)。

我认为一个论证肯定可以使用语义HTML和类名,只要它们有意义。 这篇关于Plain Old Semantic HTML的文章提到了使用类名 - http://www.fooclass.com/plain_old_semantic_html

===============>>#2 票数:1

以下是使用以下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> 

===============>>#3 票数:0

我不知道有没有使用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选择器支持,那么风格会更难。

===============>>#4 票数:0

我或许想到这样的事情:

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

没有使用div和只有一个类,它是非常语义的。 列表显示了评论的顺序,人员网站的链接,他们的重力图像,网站的引用标签,评论和阻止他们说的话。

人们怎么想?

===============>>#5 票数:0

我明白你的意思。 好的,看完那篇文章后,你为什么不尝试这样的东西呢?

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

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

feederscript.php将是一个可以从数据库中读取的东西,只回应所要求的纪念品。

  ask by GateKiller translate from so

未解决问题?本站智能推荐:

4回复

如何标记HTML列表的标题

AFAIK,没有专用的元素-像<caption>对表, <figcaption>为数字,等-来标记列表的标题。 我应该使用什么标记? 在HTML 3.0中, 有一个元素<LH>但现在已弃用。 Lorem ipsum dolor坐下来,精致的a
1回复

复杂表的语义HTML标记

您将使用哪个HTML标记来描述这样的表格: 第二个: (假设高级别的可访问性)
2回复

用于

在html中标记

我经常遇到网页,而不是使用单独的 <div>元素添加特定样式,而是使用<p>标记。 我有兴趣知道: 在语义上添加样式的正确方法是哪种-使用<p>标记还是<div>标记? 使用<p>标记有什么优点 ? 它与继承有
2回复

编写语义标记(CSS / HTML)

到目前为止,据我了解,以下约定适用于网页样式: 将类用于可重用元素,将ID用于唯一元素 请勿使用非语义类或id(例如.float {float: left;} ) 而是根据元素的角色而不是其样式来命名选择器。 我实际上有两个问题: 什么时候将元素视为非
10回复

使用自定义HTML标记

在我的HTML中,我很好奇是否在语义上正确使用诸如<toys> </toys>类的唯一标识符来保存图像而不是<h2> 。 例如: 是否首选: <toys class="grid_4 push_2">&nbsp</toys>
8回复

(X)书籍标题的HTML标记

书籍标题是否应包含在<em>标签中? 如果不是<em>有更合适的标记?
4回复

版权声明的语义HTML标记

当网站根据知识共享许可时,我使用rel-license微格式 。 当一个网站按照常规版权许可时,我有一个无聊的段落元素。 那个id属性只是用于CSS样式的目的。 我想知道是否有更好的方法来标记更具语义的版权声明。 这是Dublin Core元数据的工作吗? 如果是这样,我该怎么做
2回复

持续时间的HTML时间标记

我需要显示视频的持续时间。 我应该使用<time>还是仅用于显示时钟? 例 这是正确的HTML5吗? 或者<time>应仅用于此类情况? 文件 MDN提供以下定义: HTML元素表示24小时制的时间或公历中的精确日期(带有可选
5回复

HTML4-清单的标记

最近,我开始成为有意义的标记怪胎,所以现在我对在页面中使用哪种HTML标记感到困惑。 基本上,我想显示一个故事列表,标题,作者,创建时间以及一些内容。 那么,我应该使用什么有意义的标记来列出上述标记?
4回复

什么html标记用于显示标签/值数据?

我想渲染一个包含标签及其相关值列表的配置文件用户容器。 这是我想要显示的信息和布局的摘录: 名字 ....... MyName 年龄 ................... MyAge 电子邮件 ................ MyEmail 我知道有很多可用的例