Page 121 - HTML5
P. 121

4.01
        The citation/attribution should not be part of the blockquote element:


         <blockquote cite="http://example.com/blog/hello-world">
           <p>The answer is 42.</p>
         </blockquote>
         <p>Source: <cite><a href="http://example.com/blog/hello-world" rel="external">Hello
         World</a></cite></p>

        You can add a div element to group the quote and the citation, but it exists no way to associate
        them semantically.
        The cite element can be used for the reference of the quoted source (but not for the author
        name).
        5

        The citation/attribution (e.g., the hyperlink giving the source URL) can be inside the
        blockquote, but in that case it must be within a cite element (for in-text attributions) or a
        footer element:

         <blockquote cite="http://example.com/blog/hello-world">
           <p>The answer is 42.</p>
           <footer>
             <p>Source: <cite><a href="http://example.com/blog/hello-world" rel="external">Hello
         World</a></cite></p>
           </footer>
         </blockquote>


        The cite element can be used for the reference of the quoted source, or for the name of the
        quote’s author.

        Read Marking-up Quotes online: https://riptutorial.com/html/topic/2943/marking-up-quotes














































        https://riptutorial.com/                                                                             105
   116   117   118   119   120   121   122   123   124   125   126