Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In XHTML and HTML Essential Training, Bill Weinman helps designers and coders understand XHTML and HTML. In the process, Bill covers document structure, block and inline-level tags, floating images, controlling white space, phrase and font markup, and tables and frames. He even provides a good introduction to CSS. Bill offers step-by-step guidance for building a complete working web site. Exercise files accompany the course.
In this lesson, we are going to talk about quotations and quote marks. There are two elements in play here. One is the Blockquote element, which is a block-level element that quotes an entire block of text, and the other is the Q element that puts quote marks around a bit of text inline. First, the Blockquote element, which you can see demonstrated here. In the browser, you'll see it's just indented text and if I go ahead and shrink down the browser so that it wraps, you'll see that it's indented on both sides but it's not centered or anything.
That's actually how the Blockquote element is often used. It's often used just to indent text. It's not used necessarily to mean this is a block of quoted text. So, be aware of that and when you are using the Blockquote element, be sure to use it to mean what it's supposed to mean and if you need to just indent text, you can use Style Sheets for that with a regular paragraph. The new Q element and I say new, it's been around now for almost ten years but it's not actually supported by a lot of browsers. So, it's not used very much. Be sure to check with the browsers that matter to you before you try to use it.
It puts quote marks around a piece of text inline. So, here we have a word with quote marks around it, here, and I'll just take those quote marks and I'll change it for the Q element and close the q here. So, that's the Q element. It's an inline element as you see and it's being used to quote that word. So, I'll go ahead and save that and reload in the browser. So, the nice thing is there are nice curly quotes in English. There are a couple of things about the Q tag that you need to be aware of. One is it's supposed to be internationalized and so, if I were to sit here and put language=French then you should get French quotes, which are one above and one below and I save that and reload it, and you see it doesn't change anything.
So that's not fully supported in Firefox. In actuality, the tag isn't supported at all in some browsers, notably Internet Explorer. So, if you use it, you may just not get any quotes at all. So, be sure to test it in the browsers that are important to you before you use it. They'd be handy tag, if they were actually supported well, but unfortunately it's not. So, those are the quoting elements. They don't actually get used for what they mean and they don't always work for what they are supposed to work for. So, be aware of that when you try to use them.
Find answers to the most frequently asked questions about XHTML and HTML Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.