/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Using <cite> in <blockquote>

Copy linkTweet thisAlerts:
Feb 02.2010

In the W3C tutorial at
[url]http://www.w3.org/TR/WCAG10-HTML-TECHS/#text-abbr[/url]
I find in the section [I]3.3 Quotations[/I] example code:

[CODE]<BLOCKQUOTE cite=”http://www.example.com/loveslabourlost”>
<P>Remuneration! O! that’s the Latin word for three farthings.
— William Shakespeare (Love’s Labor Lost).
</P>
</BLOCKQUOTE>[/CODE]

I have viewed the result of this code in IE and FF and can see no effect from the inclusion of:

[CODE]cite=”http://www.example.com/loveslabourlost”>[/CODE]

in the BLOCKQUOTE tag. The text in the paragraph appears as it would have without inclusion in <BLOCKQUOTE></BLOCKQUOTE> except for the indentation. There is not even rollover text to reference the URL.?

Is this just IE playing up? What should be happening?

to post a comment
HTML

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangFeb 02.2010 — The cite attribute is use by screen readers and for SEO. Visually it is not displayed.
Copy linkTweet thisAlerts:
@rickduleyauthorFeb 02.2010 — Thanks Fang

The cite attribute is use by screen readers and for SEO. Visually it is not displayed.[/QUOTE]

The reason I posted the question is that, in academic circles, one is required to provide formatted references (I use APA5) to the source of quotations (and other information). I was, obviously in error, advised that the cite attribute was the vehicle for this. For example, a quotation might show as:

[I]Research … has shown that up to 80% of students are plagiarizing someone else’s work.[/I] (Burkill & Abbey, 2004)

The problem, unless the HTML is coded manually (without style sheets) as here, is to get part of the paragraph in itallic and the citation in normal face. This could be achieved using [I]span[/I], but is there another, less tedious way?
Copy linkTweet thisAlerts:
@FangFeb 02.2010 — [I]blockquote[/I] is for multi-line quotations.

Browsers display the citation in italics and the quote in normal text. If you want to reverse this, then use css.

The semantics as I see it:&lt;p&gt;
&lt;q lang="en"&gt;Research &amp;hellip; has shown that up to 80&amp;#37; of students are plagiarizing someone else's work.&lt;/q&gt;
(&lt;cite&gt;Burkill &amp; Abbey, 2004&lt;/cite&gt;)
&lt;/p&gt;
&lt;p&gt;
&lt;q lang="en"&gt;Remuneration! O! that's the Latin word for three farthings.&lt;/q&gt;
--- William Shakespeare (&lt;cite&gt;&lt;a href="http://www.example.com/loveslabourlost"&gt;Love's Labor Lost&lt;/a&gt;&lt;/cite&gt;).
&lt;/p&gt;

http://dev.w3.org/html5/spec/text-level-semantics.html#dfnReturnLink-0
Copy linkTweet thisAlerts:
@rickduleyauthorFeb 02.2010 — Great. Thanks again Fang
×

Success!

Help @rickduley spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...