This is a tip for those marking up their web pages by hand using XHTML strict. If you are the sort of person using XHTML it is likely that you will want to ensure your pages validate when tested with the World Wide Web Consortiums markup validator.
Would it surprise you if I said the following code doesn’t validate,
<blockquote cite="http//mywebsite.com"> Blah, blah, blah and so on.. </blockquote>
It looks simple enough – what could be wrong with that? I came across this very problem – and spent a half hour trying to figure out why it didn’t validate. I investigated various options – including thinking that I must have some strange, invisible and illegal characters in my quoted text somewhere. After scratching my head for a while I looked at the specifications for XHTML and found the answer.
To validate as strict XHTML, you must add a block-level element around the text within the <blockquote> tag, like this:
<blockquote cite="http//mywebsite.com"> <p>Blah, blah, blah and so on..</p> </blockquote>
Problem solved – now the markup validates – and so will yours the next time you use blockquote in your XHTML documents.
I provided feedback on the WCAG 2 (as representative of Guild of Accessible Website Designers) have two decades of experience and worked with hundreds of organisations.
07810 098 119