1

blockquote について次の 2 つのことを読みました。

  1. cite-tag は blockquote-tag 内にある必要があります

  2. 引用符はセムティック レイアウトの一部ではありません。ユーザーに正しい引用の面倒を見てほしくないので、それは理にかなっています。例えば。Guillemets を使用したい場合。

それは問題につながります。そのように見せたい場合：

"Blockquotes are an essential part of a fancy website."
                                                – Cite

マークアップは次のようになります。

<blockquote><p>Blockquotes are an essential part of a fancy website."</p>
<cite>Cite</cite></blockquote>

:before 要素と :after 要素を使用して、引用符とダッシュを追加できます。しかし、2 つの段落がある場合はどうなるでしょうか。それらをスパンにラップすることもできますが、その時点で、ユーザーが処理するには複雑になりすぎます。(さらに、Wordpress には引用タグを追加する方法さえありませんが、それは別の話です)

これをどのように解決しますか？正しいブロック引用の HTML マークアップは何ですか? また、引用符を追加するにはどうすればよいですか?

4

2 に答える 2

2

このようなものはどうですか？

blockquote p:first-of-type:before {
    content:"\00AB";
    font-size:1.5em;
}

blockquote p:last-of-type:after {
    content:"\00BB";
    font-size:1.5em;}

cite:before {
    content:"\2014"
}

これは、guillemets と mdash を使用して出力をフォーマットします。

jsfiddle: http://jsfiddle.net/9LjTB/1/

于 2013-10-23T11:55:17.733 に答える