HTML Comments Markup

Question

Ek is op die oomblik in die proses van die skep van my eie blog en ek het om te merk op die kommentaar, maar wat is die beste manier om dit te merk nie?

Die inligting wat ek nodig het om te bied is:

1. Persone Naam
2. Gravatar-simbool
3. Kommentaar Datum
4. Die boodskap

Enige idee sou baie gewaardeerd.

PS: Ek is in semantiese html opmaak net belangstel

.

Answer 1

Ek dink dat jou weergawe met die noem, blockquote, ens sal beslis werk, maar as semantiek is jou grootste bekommernis dan sou ek persoonlik nie gebruik noem en blockquote as hulle spesifieke dinge wat hulle veronderstel is om te verteenwoordig.

Die blockquote tag is bedoel om 'n kwotasie geneem uit 'n ander bron verteenwoordig en die noem tag is bedoel om 'n bron van inligting verteenwoordig (soos 'n tydskrif, koerant, ens.).

Ek dink 'n argument kan seker gemaak dat jy semantiese HTML kan gebruik met klasname, op voorwaarde dat hulle betekenisvolle. In hierdie artikel op Plain Old Semantic HTML maak 'n verwysing na die gebruik van klasname - http://www.fooclass.com/plain_old_semantic_html

Answer 2

Hier is een manier waarop jy kan dit doen met die volgende CSS om die prentjie aan die linkerkant van die inhoud te dryf:

.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

Ek weet nie wat daar opmaak wat noodwendig goed sou verteenwoordig die kommentaar struktuur sonder die gebruik van divs of klasse sowel, maar jy kan definisie lyste gebruik. Jy kan verskeie dt en dd tags gebruik in die konteks van 'n definisie lys - 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>

Update: Die kommer Ek met 'n benadering soos hierdie wil hê, is dat dit moeilik kan wees om die elemente met CSS uniek identifiseer vir stilering doeleindes. Jy kan JavaScript (jQuery hier groot sou wees) gebruik om uit te vind en style toepas. Sonder volle CSS selector ondersteuning oor blaaiers (Internet Explorer), sou dit moeiliker om styl wees.

Answer 4

Ek was miskien dink aan iets soos hierdie:

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

Dit is baie semantiese sonder die gebruik van div se en net een klas. Die lys wys die volgorde die kommentaar gemaak is, 'n skakel na die persone webwerf en beeld vir hul Gravatar, die noem tag om webwerf wat gesê het die kommentaar en blockquote te hou wat hulle gesê het.

Wat doen mense dink?

Answer 5

Ek sien jou punt. OK, na die lees van deur daardie artikel, waarom nie jy probeer iets soos hierdie?

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

met 'n paar snazzy CSS te maak dat dit lyk mooi.

feederscript.php sou iets wat kon lees van die databasis en eggo net die commentid genoem vir wees.