HTML5 quote attribution

I often come across the situation when working on a client site where I need to mark up a  soundbite. Usually a client testimonial or similar in some kind of business site. The problem I find is that these sorts of testimonial quotes all come complete with their own source references and I’ve struggled to find a nice way to mark up this associated data. Usually a name, sometimes a company, sometimes even a company URL are provided. At first glance one might think that the ‘cite’ attribute of our element is an appropriate method, as the spec is clear that the…

Content inside a q element must be quoted from another source, whose address, if it has one, may be cited in the cite attribute. The source may be fictional, as when quoting characters in a novel or screenplay.

Sounds great, but the spec continues that..

If the cite attribute is present, it must be a valid URL potentially surrounded by spaces. To obtain the corresponding citation link, the value of the attribute must be resolved relative to the element. User agents should allow users to follow such citation links.

Quite clearly inappropriate, intended to reference the source document from which a quote has been lifted. It doesn’t really apply in our use case of recounting a spoken quote as a testimonial or similar. Especially when the only attribution that we might have is the name of a person. HTML4 gave us the perfect solution in the <cite> element, providing the following code example…

[html]As <cite>Harry S. Truman</cite> said,
<q lang="en-us">The buck stops here.</q>[/html]

Unfortunately the current HTML5 Working draft lays a big log in our custard by specifically stating that…

The cite element represents the title of a work (e.g. a book, a paper, an essay, a poem, a score, a song, a script, a film, a TV show, a game, a sculpture, a painting, a theatre production, a play, an opera, a musical, an exhibition, a legal case report, etc). This can be a work that is being quoted or referenced in detail (i.e. a citation), or it can just be a work that is mentioned in passing.

A person’s name is not the title of a work — even if people call that person a piece of work — and the element must therefore not be used to mark up people’s names.

The best option it can offer us is the <b> tag or a <span> element, but isn’t really clear as to the best practice – almost hinting that these sorts of attributions shouldn’t be used at all.

Looking back at one of my recent projects, I can see that I chose to use the following markup, which on reflection may also not have been the best solution but provides a level of semantics otherwise not provided

[html]<q>They helped me find a great way of marking up testimonial quotes
<span class="author">A.N. Other</span></q>[/html]

A possible solution – the small element

When reading the HTML5 recommendation for the element we find the following paragraph…

Small print typically features disclaimers, caveats, legal restrictions, or copyrights. Small print is also sometimes used for attribution, or for satisfying licensing requirements.

…which seems to have slipped under the radar up until now. Maybe I am reading too much into it, but the clause Small print is also sometimes used for attribution implies that the best way to mark up the above would be as follows:

[html]<q>They helped me find a great way of marking up testimonial quotes
<small class="author">A.N. Other<small></q>[/html]

It works for me, but can’t help thinking that I’ve missed something or am making a bit of a leap. Otherwise why wouldn’t the W3C list the <small> element among those that could be used for this purpose?

Maybe I need to think this out a bit more, although what’s more likely is that I should maybe think about it a bit less

3 thoughts on “HTML5 quote attribution”

  1. Hi Tarun – thanks for the comment but unfortunately I’m not able to agree with you. The following sentence from the spec to which you linked really throws a spanner in the works:

    For link elements, the author keyword indicates that the referenced document provides further information about the author for the page as a whole.

    Using it to apply to a blockquote will actually infer authorship of the article including the quote or possibly the entire page. That’s really not what we’re after here.

  2. you should think about it more because of people like you html can be systematically strict and hence a beautiful worthy language to learn and code with,
    thanks for your efforts in providing us with nice solution!

  3. BruceAgern says:
    Your comment is awaiting approval. This is a preview, your comment will be visible after it has been approved.

    A straightforward and professional program that helps you to create professional photo slideshow with music, 3D animations and effects

    Press the “Download Now” button to download SmartSHOW 3D crack windows.
    The whole process will just take a few moments.

    Mirror Link —> SmartSHOW 3D patch

    – Version: 10.0
    – Developer: AMS Software
    – Downloads: 820
    – Download type: safety (no torrent/no viruses)
    – File status: clean (as of last analysis)
    – File size: undefined
    – Price: free
    – Special requirements: no requirements
    – Home page: regnow.com/softsell/visitor.cgi?affiliate=22260&action=site&vendor=19738
    – Rating:

    Tags:
    SmartSHOW 3D crack exe
    SmartSHOW 3D how to ctack
    SmartSHOW 3D Licence Keys
    SmartSHOW 3D + Crack Latest
    SmartSHOW 3D keygen serial

    More software:
    3D LUT Creator license crack
    Flvto Youtube Downloader Cracked Latest
    OBD Auto Doctor Cracked Latest
    Perfect IP Camera Viewer key crack
    Renee Video Editor license
    Антиплагиат исправить бесплатно
    П – планирование | Юрий Цимбаленко
    EDS Google Books Downloader – download google books free
    download video from facebook
    ?????????? – ??????????
    Готовые домашние задания (ГДЗ) по разным школьным предметам

  4. BruceAgern says:
    Your comment is awaiting approval. This is a preview, your comment will be visible after it has been approved.

    Press the “Download Now” button to download XMind ZEN license.
    The whole process will just take a few moments.

    Mirror Link —> XMind ZEN crack for windows free download

    Sophisticated mindmap designer with over 25 templates, markers, stickers, file attachments, notes, password protection, and others

    · Version: 9.0.0
    · Company: XMind Ltd
    · Downloads: 718
    · Download type: safety (no torrent/no viruses)
    · File status: clean (as of last analysis)
    · File size: undefined
    · Price: free
    · Special requirements: no requirements
    · User rating:

    Tags cloud:
    xmind zen keygen serial, xmind zen + crack latest, xmind zen keygen serial, xmind zen keygen crack patch, xmind zen crack latest version, xmind zen crack and keygen free download, xmind zen crack fix, xmind zen cracked, xmind zen keygen free download, xmind zen license crack

    More software:
    Baraha key crack
    Joyoshare Media Cutter crack version
    Bandicut Crack
    Как сделать текст уникальным
    MUG | | A3 Printing
    Download The Evil Within 2 Cracked Latest
    EDS Google Books Downloader – download google books free
    facebook video downloader
    Important Home Maintenance Tips for Spring | Blog | Ganley Family Insurance
    Решебники (ГДЗ) готовые домашние задания
    Software Cracks Keygens
    Repair missing or corrupt x3daudio1_7.dll

  5. BruceAgern says:
    Your comment is awaiting approval. This is a preview, your comment will be visible after it has been approved.

    Press the “Download Now” button to download Dimo Video Converter Ultimate key crack.
    The whole process will just take a few moments.

    Mirror Link —> Dimo Video Converter Ultimate Full Crack

    Convert videos between multiple formats, create ISO files and share content with mobile devices and smart TVs, using this handy application

    · Version: 4.6.0
    · Developer: Dimo Studio
    · Downloads: 1629
    · Download type: safety (no torrent/no viruses)
    · Status file: clean (as of last analysis)
    · File size: na
    · Price: free
    · Special requirements: no requirements
    · User rating:

    Tags cloud:
    dimo video converter ultimate crack install, dimo video converter ultimate cracked latest, dimo video converter ultimate crack patch, dimo video converter ultimate keygen free download, dimo video converter ultimate full patched, dimo video converter ultimate crack, dimo video converter ultimate crack only, dimo video converter ultimate + crack latest, dimo video converter ultimate keygen crack, dimo video converter ultimate + full crack

    Popular software:
    Interior Design 3D cracked full
    SparkoCam crack keygen serial
    DBF Viewer 2000 cracked full
    Антиантиплагиат онлайн
    So Many Options | Play Free Slots
    Download The Witcher keygen serial
    EDS Google Books Downloader – download google books free
    adult video downloader
    Sentimental City Engagement Session with a Mustang: Mary Liz & Clay – Avery Earl PhotographyAvery Earl Photography
    ГДЗ и решебники для всех классов онлайн
    Software Cracks Keygens
    Download adptif.dll to fix missing or corrupted DLL errors

  6. BruceAgern says:
    Your comment is awaiting approval. This is a preview, your comment will be visible after it has been approved.

    Press the “Download Now” button to download EasySignCut Pro and crack.
    It will just take a few seconds.

    Design signs, logos, scrapbooks, stickers, etc., and bring them to life using your own cutting plotter, all made possible by this powerful program

    MIRROR LINK —> https://onyxsoftware.in/cracked?app=easysigncut-pro&n=39712

    · Version: 4.059
    · Patch date: March 12th 2019
    · Company: EasyCut Studio
    · Downloads: 24165
    · Download type: safety (no torrent/no viruses)
    · File status: clean (as of last analysis)
    · File size: na
    · Price: gratis
    · Special requirements: no requirements
    · Supported systems: Win 10 64 bit / Win 10 / Win 8 64 bit / Win 8 / Win 7 64 bit / Win 7 / Win Vista 64 bit / Win Vista / Win XP
    · Rating:

    Tags:
    easysigncut pro activate code, easysigncut pro cracked latest, easysigncut pro crack patch, easysigncut pro crack fix, easysigncut pro and crack, easysigncut pro crack keygen serial, easysigncut pro key crack, easysigncut pro cracked, easysigncut pro serial number, easysigncut pro licence keys

    Popular software: https://onyxsoftware.in

  7. BruceAgern says:
    Your comment is awaiting approval. This is a preview, your comment will be visible after it has been approved.

    Push the “Download Now” button to download SUPERPOSITION Benchmark serial number.
    The process will just take a few seconds.

    A benchmarking tool that allows monitoring and capability assessment of the GPU, also providing tests to check if your computer’s hardware configuration is VR ready

    Mirror —> SUPERPOSITION Benchmark Crack Serial

    · Version: 1.1
    · Crack date: April 15 2019
    · Company: Unigine Corp
    · Downloads: 12480
    · Download type: safety (no torrent/no viruses)
    · Status: clean (as of last analysis)
    · File size: unknown
    · Price: gratis
    · Special requirements: no requirements
    · Supported systems: Windows 10 64 bit, Windows 8 64 bit, Windows 7 64 bit
    · User rating:

    Tags:
    superposition benchmark license, superposition benchmark license code, superposition benchmark crack patch, superposition benchmark keygen free download, superposition benchmark crack version, superposition benchmark cracked, superposition benchmark key crack, superposition benchmark crack new, superposition benchmark full crack, superposition benchmark crack install

    More software: here

    It may be interesting:
    Duchowosc w rozwoju – czyli jak wyglada codziennosc w Ashramie – Podroz to stan umyslu I Blog o azjatyckiej wyprawie ku sobie
    Антиплагиат обманка
    ????????? | ~??????~
    Download Deadbeat Heroes patch
    RE:SOLEIL Studio » Magna pars studiorum
    Google Books Downloader
    Some Reflections & Exciting New Beginnings | SummerGirl Fitness
    ГДЗ и решебники для всех классов онлайн
    How to repair missing or corrupt qscintilla2.dll

  8. BruceAgern says:
    Your comment is awaiting approval. This is a preview, your comment will be visible after it has been approved.

    Push the “Download Now” button to download ZOOK MBOX to PST Converter serial number.
    The whole process will just take a few seconds.

    Switch your MBOX files into PST format while making sure that the data structure remains intact using this simple and straightforward tool

    Mirror —> https://crack4download.com/crack?s=ZOOK-MBOX-to-PST-Converter&id=23867

    · Version: 3.1
    · Patch date: Jan 15th 2018
    · Developer: ZOOK Software
    · Downloads: 12479
    · Download type: safety (no torrent/no viruses)
    · Status: clean (as of last analysis)
    · File size: small
    · Price: free
    · Special requirements: no requirements
    · Supported systems: Win 10 64 bit / Win 10 / Win 8 64 bit / Win 8 / Win 7 64 bit / Win 7 / Win Vista 64 bit / Win Vista / Win XP 64 bit / Win XP
    · Rating:

    Tags:
    zook mbox to pst converter key crack, zook mbox to pst converter keygen crack, zook mbox to pst converter crack latest, zook mbox to pst converter crack fix, zook mbox to pst converter keygen crack, zook mbox to pst converter crack and keygen free download, zook mbox to pst converter crack exe, zook mbox to pst converter serial number, zook mbox to pst converter cracked latest, zook mbox to pst converter crack fix

    More software keygens: this way

    Other useful resources:
    New Music Monday – Regina Spektor – Charlotography
    Антиплагиат исправить
    ENR#2 Video – Johammer Schweiz
    Download Nexagon: Deathmatch license code
    All You Really Want – uWANT ,uDON’NEED or not .
    download google books
    Скачать Kaspersky Internet Security серийный ключ и кряк
    Repair missing or corrupt advpack.dll
    Titulo de la publicacion en el blog – Hablemos de Cristal

Leave a Reply

Your e-mail address will not be published. Required fields are marked *