Correct Approach to Comments?

| | Comments (141)

How should one approach comments, in code? What are comments, semantically? And how do we define them, and still make them easy to style?

The DIVs

There are many approaches to comments, it seams. The most common seams to be just hacking up a series of DIVs.

Admittedly, it’s what I did on this design. Luckily, I’m not alone. Cameron Moll, Mike Davidson, Dave Shea, Simon Collison, Wolfgang Bartelme all do the same thing.

But that doesn’t make it right, of course. DIV stands for division, and even though each comment is in itself a separate element, it feels more logical to group them together in a wrapper DIV.

So are they...

...definitions?

Shaun Inman, Dan Cederholm and Douglas Bowman have all gone for definition lists in the style of:

<dl>

<dt>[Userlink] wrote:</dt>

<dd>[Comment]</dd>

</dl>

This method certainly looks better. And it sort of feels more right as well. But even though we could say that the comment is the definition of what the user wrote — it still isn’t something I’d dare to hand my English teacher.

Blockquotes?

I have yet to see anyone use an array of blockquote and cite-tags to define comments — and though I can see how it would be semantically supercorrect, it still uses many separate tags, which are not ‘held together’ in any way. Of course, you could (and probably would) glue it together with DIVs,— but then you’d be stuck in the same tagsoup as with using only DIVs.

Lists

Very few people seem to be using li for comments. Understandable in the respect that it is slightly more ‘clumsy’, and it doesn’t feel as semantic as the definition lists.

But isn’t it more correct, nevertheless? For aren’t comments simply an array of people’s views? And isn’t it more correct to collect all these views in one wrapping object, instead of many?

So what about the userlink?

<h4>? <span>? <strong>? I’d say <h4> would be the way to go, but that’s just me... The userlink is not a division of the page, nor is it a paragraph. It is not a term that needs defining and even though it is a cite-source, it’s main, practical function is still as a headline. A headline in a list, that is.

Speaking of comments — feel free to add some! :P

--------

141 Comments

Kandoras said:

vUy8MW Wow, it can be truth

Kandoras said:

vUy8MW Wow, it can be truth

gseutm hgktpz ecbvomaq gzpxyuf tkmiqjrl wbdjzuq bzlf

vycet auri said:

dfzjwhvke jrmiqnf spcxnkal team mzglw mwyo hmyfxnlj http://www.gxmc.lzfnuwdqv.com

free porn said:

Very good site. Thank you!!! http://carrolladams.678host.com/c2ea6a/ free porn

Good site. Thank you:-) http://luisking.anycities.com/87bdd0/ free porn video

Very good site. Thank you!!! http://donaldyoung.8000web.com/bfd57d/ free porn vodeo

Very good site. Thank you! http://donaldyoung.8000web.com/bfd57d/ free porn vodeo

toon disney said:

Nice site. Thanks!!! http://toon-disney.okstut.com toon disney

toon disney said:

Cool site. Thanks:-) http://toon-disney.okstut.com toon disney

toon disney said:

Very good site. Thanks:-) http://toon-disney.okstut.com toon disney

Very good site. Thank you:-) http://birthday-parties.okstut.com birthday parties

Good site. Thank you. http://birthday-parties.okstut.com birthday parties

Good site. Thank you. http://birthday-parties.okstut.com birthday parties

Nice site. Thank you! http://birthday-parties.okstut.com birthday parties

party supply said:

Good site. Thanks!!! http://party-supply.okstut.com party supply

party supply said:

Very good site. Thanks! http://party-supply.okstut.com party supply

party supply said:

Very good site. Thanks! http://party-supply.okstut.com party supply

Very good site. Thank you! http://driving-directions.okstut.com driving directions

area rug said:

Very good site. Thank you!!! http://area-rug.okstut.com area rug

area rug said:

Very good site. Thank you!!! http://area-rug.okstut.com area rug

area rug said:

Nice site. Thank you. http://area-rug.okstut.com area rug

Good site. Thank you!!! http://cheat-codes-for-xbox.okstut.com cheat codes for xbox

Good site. Thank you!!! http://cheat-codes-for-xbox.okstut.com cheat codes for xbox

Nice site. Thank you. http://pokemon-cheats.okstut.com pokemon cheats

Nice site. Thank you. http://pokemon-cheats.okstut.com pokemon cheats

Very good site. Thank you. http://pokemon-cheats.okstut.com pokemon cheats

Very good site. Thanks!!! http://area-code-finder.okstut.com area code finder

Cool site. Thank you!!! http://cheats-for-psp.okstut.com cheats for psp

Cool site. Thank you!!! http://cheats-for-psp.okstut.com cheats for psp

Good site. Thank you:-) http://ps2-game-cheat.okstut.com ps2 game cheat

Good site. Thank you:-) http://ps2-game-cheat.okstut.com ps2 game cheat

morse code said:

Nice site. Thank you. http://morse-code.okstut.com morse code

cheat planet said:

Good site. Thank you:-) http://cheat-planet.okstut.com cheat planet

cheat planet said:

Very good site. Thank you. http://cheat-planet.okstut.com cheat planet

Nice site. Thank you:-) http://cheats-for-san-andreas.okstut.com cheats for san andreas

sims2 cheats said:

Very good site. Thank you! http://sims2-cheats.okstut.com sims2 cheats

sims2 cheats said:

Very good site. Thank you! http://sims2-cheats.okstut.com sims2 cheats

sims2 cheats said:

Very good site. Thank you! http://sims2-cheats.okstut.com sims2 cheats

Leave a comment

About this Entry

This page contains a single entry by Twisted Intellect published on September 23, 2006 8:20 AM.

Yee-ha..? was the previous entry in this blog.

Safari/Camino Tip: is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.

Powered by Movable Type 4.01