Jul 2, 2015 / Beginner

Quick Tip: Add Nuance and Context to Your Comments with HTML

A few (extremely) simple snippets of code can add depth to your online conversations.

We always stress that interaction, reciprocity, and conversation are at the core of the blogging experience. Comments might be the most important element in this activity — the smallest building block in the ongoing dialogue(s) you and your audience engage in.

Very often, though, comments leave much to be desired. They can be ambiguous: “You made a great point there!” can refer to a dozen different spots in your post or to a previous comment. Attempts at humor or irony may fall flat or, worse, end up sounding harsh. Arguments can get muddled because they can’t replicate the cadence of your speaking voice.

Code to the rescue?

It may come as a surprise, but a tiny bit of code can go a long way toward solving some of these problems. Your comment box is equipped to handle a small number of HTML tags, and these can make a real difference in the way your readers digest your comments.

To open a new tag, you simply type the tag you want to use just before the text you wish to change in some way: <em>. When you want to end that effect, you insert a closing tag, which is the same tag but with a slash: </em>. For more on HTML basics, check out this page.

Before the word “code” makes you run away from the screen covered in cold sweat, rest assured these tags require no technical savvy whatsoever — beyond, maybe, knowing how to copy-and-paste bits of text. (Really: if I, who have zero formal training in coding, have managed to master them, so will you). Here are my top three go-to tags for making my comments better.

Add context with a quote.

When responding to a specific point in another blogger’s post or comment, you’ll be doing a great service to everyone engaged in the discussion if you pinpoint precisely what it is you’re reacting to. It makes confusion rarer, and keeps the conversation focused and specific. All you need is to use the blockquote tag, which lets you highlight quoted text.

When composing your comment, simply include the text you’d like to quote between these tags:

<blockquote>Quoted text goes here.</blockquote>

Please note that quoted text in comments may be styled differently depending on the theme you use.

Everything that appears between the tags will be styled as a quote, like in this response to a substantive comment here at The Daily Post:
Screen Shot 2015-06-30 at 11.55.37 AM

You can add multiple quotes to the same comment — for example, if you’re responding to an argument point by point, or replying to multiple comments in succession.

Make your voice heard with italics.

I don’t know about you, but when I write (and read others’ thoughts) I often mourn the loss of so much of the vocal inflection that real-time interlocutors can hear — the small, subtle ways with which we inject our words with nuance and convey irony, shock, or tongue-in-cheekness (is that a word? It should be).

You can imagine I love italics, then — that sneaky, versatile typographical trick that hints at the way one should read our words. And I especially love italics in comments, which are, by their nature, more vocal and conversational in tone. Enter the em tag! When you use these tags, everything you place between them gets italicized. In other words:

Do I think bullying is ok? <em>Of course</em> not.

Becomes this:

Do I think bullying is ok? Of course not.

Like all typographically-distinct styles, italics are best deployed in moderation — you always want to spare your readers’ eyes as much as possible — but, used judiciously, they can have a real positive effect (and make you sound funnier and/or less like a jerk, as the case may be).

Go for all-out emphasis.

Sometimes we want to be 100% sure that our point gets across — it can be a contentious argument where we need to be particularly clear, or a statement where we worry that we’d previously been misunderstood. In those moments, you might as well go bold.

Just as with italics — and probably more so — you’ll want to make sure you’re not overusing bold text. After all, if everything is emphasized, nothing actually is.

Adding bolded text to your comments is a breeze — simply throw in the strong tag. Everything you’ll enter between these tags, for example:

Lest there be any confusion, I <strong>do not</strong>, under any circumstances, approve of corporal punishment.

Will be converted into this:

Lest there be any confusion, I do not, under any circumstances, approve of corporal punishment.

That’s all there is to it — using HTML in your comments really is as simple as that. You can also use the same tags in your posts by switching to the Text Editor, though both the Visual and Text Editor feature toolbar buttons to help you achieve the same effect.

Over to you: How do you make sure your comments convey the right tone? Have you ever given HTML a shot? Let us know in a comment!

Show Comments

51 Comments

Comments are closed.

Close Comments

Comments

  3. I want to make sure that I got Ben’s points in that

    Comments might be the most important element in

    blogging experience. Sorry if you find it a waste of time.

    Liked by 5 people

  6. I do know some html, so this isn’t scary to me, but I’ve got into the habit of using different methods when commenting because different platforms work differently – can’t use html everywhere so I just don’t normally use it.

    If I want to stress something in a comment I’m more likely to do it *like this*, for example. And if I want to quote someone, I use quotation marks. A bit more primitive perhaps, but it works.

    Liked by 3 people

  8. Really: if I, who have zero formal training in coding, have managed to master them, so will you.

    I like the way you emphasise your own lack of coding training. This is so encouraging for the rest of us!

    Liked by 1 person

    1. I thought it’s worth stressing, since I know all too well how just seeing HTML tags can sometimes make me want to zone out, even now that I’ve learned quite a bit by osmosis.

      Liked by 1 person

  11. I never thought about using HTML in my comments but I will now, especially the blockquote. Usually I take a part of what the person I am responding to said and work it into my comment so they know what I’m talking about but this is way easier. Thanks!

    Liked by 1 person

  12. Before the word “code” makes you run away from the screen covered in cold sweat, rest assured these tags require no technical savvy whatsoever — beyond, maybe, knowing how to copy-and-paste bits of text.

    So, for practice, I (hopefully) have copied and pasted, coded italics and emphasised by using bold text a quote from your piece. Or have I? Is there a way to preview before clicking the Post Comment? Or am I about to make a fool of myself because it didn’t work 😦 Oh well here goes.

    Liked by 1 person

      2. I was just going to write that it was the missing back slash in the closing tag that prevented the code from working.

        Alas, only site admins can edit comments. Which means you can’t on this site, but certainly can on yours. I’ll fix the code in your first comment myself, though. 🙂

        Like

  13. For beginners, or lazy people, it’s probably easiest to use em. It conveys the same impact, more or less, as bold and blockquote in that it sets text apart.

    Most of the blocs I visit use the lot, but we’re just old dinosaurs 😉

    For your next top tip, suggest, how to embed images into comments 🙂

    Liked by 1 person

  14. …I often mourn the loss of so much of the vocal inflection that real-time interlocutors can hear — the small, subtle ways with which we inject our words with nuance and convey irony, shock, or tongue-in-cheekness…

    I touch on this in my blog post about the disintegration of face-to-face conversation. There have been several instances when what a person wrote did not adequately portray what they meant. However, within a vocal conversation, an inflection could have easily avoided any confusion.

    The Conversation Disintegration

    Liked by 1 person

  18. Thank you! I had been trying the quote thing and had come to the conclusion that HTML couldn’t be done in comments:(, totally forgetting there was more than one way to say quote! lol
    Question: why is italics em? I can’t make sense of it.

    Like

    1. I believe “em” is short for emphasis (or emphasized), which makes sense, since that’s the effect produced by italics (most often; there are exceptions, of course).

      Like

      1. Now that I see it in writing…in my own writing I just hit CTRL+I and it goes to Italics, even in the WP editor *shrug*. As long as it works.
        Thanks.

        Like

  19. Great tips. But for block quotes and italicized text I do use the text buttons already when ..I write my text. Don’t people use the buttons already ..?

    Like

    1. I’m sure they do in their posts, but those buttons aren’t available when you compose a comment. That’s where these HTML tags can come in handy.

      Like

  20. This is such a great post! I’m still working on polishing my blogging voice an have struggled with this. I definitely speak with tons of nuances and want them to come across in my blog and comments but I’m always worried they might be misunderstood and I come across like a jerk. I’ll give this a shot. Thanks for sharing!

    Like

  22. Regarding your comment about wanting to see more humor check out Wild Times its another blog on our word press site (besides writings by The Prophet of Life. There are some funny articles like the Dark Humor one about the Isis Commander that was accidentally beheaded by new recruits and a disease we invented that is now actually listed as a rare disease.

    Like

    1. …well, never use it twice, then it won’t work: Syntax error here. Sorry!

      To vclarify: I used the tag.

      Like

  26. i have not really given it serious thought per say. But, the tutorials has shed some light anyway.

    Like

  27. When responding to a specific point in another blogger’s post or comment, you’ll be doing a great service to everyone engaged in the discussion if you pinpoint precisely what it is you’re reacting to.

    This was super helpful! I wrote everything down and am definitely going to put it into action!

    Liked by 1 person