standard logo    Personal Education

Home > Programming > HTML > Quotation Tags

Test of Quotation Tags...And...

These notes are linked to my participation in the P2PU activity called "Webmaking 101." As a part of that peer-supported online course, the 4th activity asks us to do some research on html tags so that we can look around us to find examples of their use in our lives (on or off the Web). I decided to focus on a subset of the list from the exercise. I had used some of the others, and wanted to focus on those which I didn't know so I would widen my choices for the future. I chose the tags related to quotations in an html document.

<q>

This is a short inline quote: Open Source - Open Education - Open Minds.

On my computer, the quotation marks are added by the Firefox browser, but the Mozilla Developer tag description says that isn't always true, depending on the browser.

While having the quotation marks show is nice, there is no link back to the citation that is an attribute/element of the tag. That seems a bit illogical. While the citation is just like the content of an address tag, <a>, but a person needs to examine the source to see it. One reference indicated that the tag was intended for use by the site developers rather than readers of the document on the Web.

This is the same short inline quote from before, but the cite element is not included...as a test): Open Source - Open Education - Open Minds. The quote still works for me in Firefox, but the value of the citation is obviously lost.

<cite>

The cite tag is also inline and is intended to show the title of a source. The Count of Monte Cristo by Alexandre Dumas was the most recent book in our book club on Internet Book Database of Fiction (IBDoF) On my computer in the Firefox browser, the book's title is put into italics.

<blockquote>

The intent of this tag appears to be for long quotations which the browser will typically put into a paragraph with a different margin from the standard paragraphs of the rest of the document.

This text is intended to be the quotation extracted from another source and placed into this document within the blockquote element. The longer the text, the more impressive the quotation will appear. Some blogging themes add fancy opening quotation marks to help the blockquote to stand out from the surrounding text.

The more I think about it, the more I think that these tags are useful, in part, as a segment of the "semantic web" effort. These tags don't so much impact the look of the text which could be done in other ways. They help to identify parts of the document which are quotations from some other source.

<menu>

This is going to be something I still need to explore more. The code seems to make buttons with labels and the code has "functions" to do something. I don't think I have the functions going anywhere, though. I'll need to set up some scripts (Javascript?) that do a popup dialog or something.

  • <time>

    The <time> tag is not for your direct human benefit. It is intended, I think, to enhance the usability of Web pages for automation of the "meaning" of the page's content.

    As I write this, it is on Wednesday, May the 15th, 2013. In the last sentence, 18:40 is enclosed in the <time> tag for the semantic web, I think.

    If the "datetime" attribute is used the contents of the attribute don't show. Instead the enclosed human-readable time is more accurately represented for scripts to read. "Wednesday evening" is the text enclosed while the date is encoded in the datetime format: YYYY-MM-DDThh:mm:ssTZD to give a machine (script) readable version that corresponds to "Wednesday evening."