Because We Love Happy Coding

フリーライターからエンジニア × 講師。発信力だけあり余ってる感じ

HTML5 正しい引用のやり方

今日もまたコーディング。だって僕らはHappy Codingが大好きだから。

目次

環境

たぶんこれ

こちらでの議論が一番適切に行なわれているように思う。

"Correct" way to mark up testimonials in HTML - Stack Overflow

W3Cのサイトが引用されている。

HTML 5.2: 4.5. Text-level semantics

  <blockquote>"Money is the real cause of poverty,"
  <footer>
  <cite id="baseref">The Ragged-Trousered Philanthropists, page 89.</cite>
  </footer>
  </blockquote>

MDNから引用されているものはこちら。

blockquote: ブロック引用要素 HTML: HyperText Markup Language MDN

<blockquote cite="https://www.huxley.net/bnw/four.html">
    <p>Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.</p>
    <footer>—Aldous Huxley, <cite>Brave New World</cite></footer>
</blockquote>