Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Text Quotes

Bartlomiej Zabielski
PLUS
Bartlomiej Zabielski
Courses Plus Student 10,363 Points
Posted by Bartlomiej Zabielski
Bartlomiej Zabielski
Courses Plus Student 10,363 Points

semantically adding citation on page

Hello all,

I have been trying to find the correct semantic method of adding citations on a page. In Nick Pettits video "quotes" he mentioned that we can have the citation appear on the page and not just in the markup. I have been searching online and cant find answer.

For instance <blockquote cite="#"> <p> bla bla bla </p> </blockquote>

the # is only in the markup, curious what is the correct way for adding the referencing beneath the blockquote?

Liam Clarke
Liam Clarke
19,938 Points

2 quick fixes for you, just make the citation the child of the <blockquote>. You can make this look better in CSS so it actually looks like a citation quote, but i would go with one of these in HTML.

First add the element <cite>

<blockquote>
    <p>
        blah blah blah
    </p>
    <cite>- Source</cite>
</blockquote>

Second add the element <footer> with a link

<blockquote>
    <p>
        blah blah blah
    </p>
    <footer>
        <a href="Source">- Source site</a>
    </footer>
</blockquote>

3 Answers

nfs
nfs
35,526 Points
nfs
nfs
35,526 Points

That's awesome, Liam

Bartlomiej Zabielski
PLUS
Bartlomiej Zabielski
Courses Plus Student 10,363 Points
Bartlomiej Zabielski
Bartlomiej Zabielski
Courses Plus Student 10,363 Points

oh wow thats even better. Thank you saving it in my scrap book (: thank you