Comentariile HTML HTML

În prezent, sunt în curs de creare a propriului blog și trebuie să scot comentariile, dar care este cel mai bun mod de a marca acest lucru?

Informațiile pe care trebuie să le prezint sunt:

  1. Persoane Nume
  2. Icon Gravatar
  3. Data de comentariu
  4. Comentariul

Orice idee ar fi foarte apreciată.

PS: Sunt interesat doar de marcarea html semantică.

0
fr hi bn

5 răspunsuri

Mă gândeam probabil la așa ceva:

  1. Name
    Date
    Comment

Este foarte semantic fără a folosi div și numai o clasă. Lista afișează ordinea în care au fost făcute comentariile, un link către site-ul persoanelor și o imagine a gravatarului lor, eticheta citează site-ul care a spus comentariul și blocul de blocare pentru a ține cont de ceea ce au spus.

Ce gândesc oamenii?

0
adăugat
Din înțelegerea mea, atributele de clasă sunt ceea ce duce la semantică. Cred că cele mai multe microformate sunt implementate ca clase și atribute în XHTML și nu veți obține mult mai mult semantic decât dacă doriți să îmbrățișați RDF și altele asemenea.
adăugat autor Thomas Owens, sursa

Văd punctul tău. OK, după ce ați citit articolul respectiv, de ce nu încercați ceva de genul asta?

<?php echo Comment ?>

cu unele CSS snazzy pentru a face să arate frumos.

feederscript.php ar fi ceva care ar putea citi din baza de date și va econa doar comentidul solicitat.

0
adăugat

Iată o metodă pe care o puteți face cu următorul CSS pentru a pluti în stânga a conținutului:

<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
adăugat

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.

Actualizare: Preocuparea pe care aș avea-o cu o astfel de abordare este că ar putea fi dificil să identificați în mod unic elementele cu CSS în scopuri de stil. Ai putea folosi JavaScript (jQuery ar fi grozav aici) pentru a găsi și aplica stiluri. Fără suportul selector CSS complet în browsere (IE), ar fi mai greu de stil.

0
adăugat

Cred că versiunea dvs. cu cita, blockquote etc. va funcționa cu siguranță, dar dacă semantica este preocuparea dvs. principală atunci eu personal nu aș folosi citare și blockquote deoarece au anumite lucruri pe care ar trebui să le reprezinte.

Eticheta de blocaj este menită să reprezinte o cotație preluată dintr-o altă sursă și eticheta de etichetare trebuie să reprezinte o sursă de informații (cum ar fi o revistă, ziar etc.).

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
adăugat