q ... ⁄q, blockquote ... ⁄blockquote, display in browser
Browser display, q element
- empty q element (start tag, end tag only): does not display in browser
- its children, phrasing content: the display depends strictly on the nested element
- its content, type text: displays inline in browser, surrounded by quotation marks ""
Display type: inline
Browser display, blockquote element
- empty blockquote element (start tag, end tag only): does not display in browser
- its children, flow content: the display depends strictly on the nested element
- its content, type text: displays block, with 1em top⁄bottom margin and a 40px left⁄right margin
Display type: block
Video demonstration q, blockquote elements, view in browser
HTML5 q, blockquote browser display, Tutorial
| min | video details |
|---|---|
| 00:04 | video tutorial: testing the browser display of the q and blockquote elements |
| 00:13 | the block quotation, blockquote |
| 00:15 | the inline quotation, q |
| 00:23 | the content of the blockquote displays block, with: 1em top and bottom margin and a 40px left and right margin |
| 00:30 | the content of the q: displays inline, with: quotation marks around it |
| 00:36 | empty elements: <q> <⁄q> <blockquote> <⁄blockquote> don't display in browser |