『Web標準の教科書』各章

第6章第10節（p.425-433）

blockquote {
  margin-left: 2em;
  border-left: 2px dashed #699;
  }
：
：
<p>益子貴寛氏によれば、次のとおりである。</p>
<blockquote cite="http://www.cybergarden.net/basic/uri.html">
  <p>その後、URIに関するIETFでの...</p>
</blockquote>

blockquote {
  margin-right: 0;
  margin-left: 0;
  border: 1px solid #699;
  background-color: #eff;
  }
：
：

blockquote {
  margin-left: 2em;
  border-left: 2px dashed #699;
  }
blockquote blockquote {
  margin-left: 2em;
  border-left: 2px dashed #9cc;
  }
：
：
<p>益子貴寛氏によれば、次のとおりである。</p>
<blockquote cite="http://www.cybergarden.net/basic/uri.html">
  <p>ティム・バーナーズ＝リー卿は...</p>
  <blockquote cite="urn:isbn:4-8399-0287-9">
    <p>私はUniversal Document Identifier（UDI）...</p>
  </blockquote>
  <p>その後、URIに関するIETFでの...</p>
</blockquote>

blockquote {
  margin-right: 0;
  margin-left: 0;
  border: 1px solid #699;
  background-color: #eff;
  }
blockquote blockquote {
  margin-right: 1em;
  margin-left: 1em;
  border: 1px solid #699;
  background-color: #dee;
  }
：
：

div#bq {
  width: 440px;
  margin: 0
  padding: 0;
  background: #dee url(/images/bq_bcg1.gif) no-repeat top left;
  }
blockquote {
  margin: 0;
  padding: 20px 25px;
  background: url(/images/bq_bcg2.gif) no-repeat bottom left;
  }
：
：
<p>益子貴寛氏によれば、次のとおりである。</p>

<div id="bq">
  <blockquote>
    <p>その後、URIに関するIETFでの...</p>
  </blockquote>
</div>

q.first:before  { content: "「"; }
q.first:after   { content: "」"; }
q.second:before { content: "『"; }
q.second:after  { content: "』"; }
：
：
<p>その本には、<q class="first">SEOというのは<q class="second">
人間だけでなくマシンにも優しいページ作りだ</q>という意見に賛成である
</q>と書かれている。</p>

q.first {
  margin: 0 3px;
  padding: 0 3px;
  border: 1px dotted #699;
  background-color: #eef;
  }
q.second {
  margin: 0 3px;
  padding: 0 3px;
  border: 1px dotted #699;
  background-color: #ddf;
  }
：
：

q.first:before  { content: "「"; }
q.first:after   { content: "」"; }
q.second:before { content: "『"; }
q.second:after  { content: "』"; }

/* 以下はWin IE 4-6、Mac IE 4-5向けのスタイル */
* html q.first {
  margin: 0 3px;
  padding: 0 3px;
  border: 1px dotted #699;
  background-color: #eef;
  }
* html q.second {
  margin: 0 3px;
  padding: 0 3px;
  border: 1px dotted #699;
  background-color: #ddf;
  }
：
：

cite { font-style: normal; }
：
：
<p>益子貴寛氏によれば、次のとおりである（<cite><a
href="http://www.cybergarden.net/web/basic/uri.html">「Webの仕組み
とURI」</a>）</cite>。</p>

<p>益子貴寛氏によれば、次のとおりである<cite><a href="#mashiko2005">
［Mashiko 2005］</a></cite>。</p>
：
：
<dl id="references">
  <dt id="mashiko2005">［Mashiko 2005］</dt>
  <dd>益子貴寛<a href="http://www.cybergarden.net/web/basic/uri.html">
  「Webの仕組みとURI」</a>2005年7月更新（2001年2月公開）。<br />
  http://www.cybergarden.net/web/basic/uri.html</dd>
</dl>

第6章 第10節（p.425-433）

Chapters

第6章第10節（p.425-433）