All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

Best way to handle quotes and non-quotes

  • # February 17, 2009 at 4:12 am

    I know I’m suppose to wrap quotes in either a




    , but what about non-quotes? You know… words that sort of still demands the quotation marks.

    We went to see the sculpture "Friendship" by Robert Jacobsen.

    Should the word Friendship be wrapped in quotation tags, or is it okay to just use a " ?

    The reason I’m in doubt, is that I don’t know if quotation tags are only meant for, well… quotes!??

    # February 17, 2009 at 11:21 am

    This reply has been reported for inappropriate content.

    Simply use ""

    Or if you want to be super keen on validation, use "

    # February 17, 2009 at 2:39 pm

    well if you wnat to show something as a quote, as Doc said " is best to use.

    but as for when you use them, is up to you and "your grammer"

    # February 23, 2009 at 2:32 pm

    Strictly speaking <blockquote> is a block element and <q> is an inline element. This means <blockquote> is automatically on a new line whereas <q> is not.

    So for your example you could use:

    We went to see the sculpture Friendship by Robert Jacobsen.
    We went to see the sculpture “Friendship” by Robert Jacobsen.
    We went to see the sculpture "Friendship" by Robert Jacobsen.

    The <q></q> wraps the word Friendship in ‘smart’ quotation marks. i.e. We went to see the sculpture “Friendship” by Robert Jacobson.

    If you prefer not to use <q> you can get the same result by using &ldquo; and &rdquo; in your markup.

    Finally ,you can use &quot; which results in "Friendship". i.e. standard quotation marks.

    Hope that gives you a few options to try out.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed