Skip to main content
  • Accessibility
  • Unconditional Gaming
Results will update as you type.
  • Overview
  • HTML Elements
  • Patterns
  • Techniques

Html Elements

Skip site content Skip site content

Forms

  • Form Structure
  • Forms
  • Inputs

General Structure

  • Article
  • Head & Body
  • Headings
  • HTML
  • Landmarks
  • Meta
  • Noscript
  • Title

Interactive Elements

  • Button
  • Canvas
  • Disclosure Widget
  • External Resources

Media

  • Image
  • Image Map
  • Video & Audio

Navigation

  • Anchor

Non Interactive-elements

  • Address
  • Data
  • Div and Span
  • Lists
  • Meter
  • Progress

Notifications

  • Dialog and Alertdialog

Tables

  • Tables

Text

  • Abbreviation
  • Bidirectional Isolate
  • Cite
  • Definition
  • Deleted, Inserted, Irrelevant
  • Emphasized Text
  • Input & Output
  • Paragraphs & Line Breaks
  • Preformatted Text
  • Quote
  • Thematic Break

Quotes (<blockquote>, <q>)

When To Use

  • Use <blockquote> for longer quotes, that are not inline with the other text. 1
  • Use <q> for shorter quotes, that are inline with the other text. 2

Rules

  • You can add a source url through the cite attribute. 1 2

Sources 

  1. MDN: <blockquote>: The Block Quotation element by Mozilla contributors is licensed under CC-BY-SA 2.5
  2. MDN: <q>: The Inline Quotation element by Mozilla contributors is licensed under CC-BY-SA 2.5
  3. W3C ARIA: Content Structure, Quote by W3C WAI Tutorial Contributors is licensed under W3C Document License
Created at: 10.03.2023, Last updated at: 11.06.2023
ImpressumPrivacy Policy