2012-01-10 7 views
7

私はこのようなマークアップの最も意味のある方法を理解しようとしています。会話(またはインタビュー)をマークアップする最も意味のある方法は?

John: blah blah 
Paul: blah blah 
George: blah blah 
Ringo: blah blah 

または

John: blah blah 
Paul: blah blah 
George: blah blah 
Ringo: blah blah 

理想的にはいずれかを実行したり、目に見える名前の有無にかかわらず段落にそれを破るためにCSSの柔軟性があると思います。私はbefore:セレクタを使って名前を追加することを考えましたが、リンク可能にしたいと思っています。例えば、私がリンゴのツイッタープロフィールを持っていれば、リンゴのツイッタープロフィールにリンクします。また、スクリーンリーダーでも正しく読み込まれるはずです。

+0

考えてみましょう:スピーカータグで ':after'を使用し、' content'を「:」に設定してください。そうすれば、会話だけをマークアップして、CSSのプレゼンテーションを残すことができます。 – rvighne

答えて

6

HTML5仕様discusses thisで動作するようにすべきである、の要旨は次のとおりです。

著者はpを使って会話をマークアップすることをお勧めします要素と句読点。スタイリング目的でスピーカーをマークする必要がある作者は、spanまたはbを使用することをお勧めします。テキストをi要素で囲んでいる段落は、ステージの方向をマークアップするために使用できます。

だから、最終的には、このような何か:

<p><span>John:</span> blah blah</p> 

<p><span>Paul:</span> blah blah</p> 

<p><span>George:</span> blah blah</p> 

<p><span>Ringo:</span> blah blah</p> 

これはあなたが記述方法でスタイリングを可能にします。もちろん、必要に応じてclass属性を追加することもできます。あなたの本能は:beforeセレクタでCSSに名前を入れないようにしてください。この情報は間違いなくマークアップされているはずです。

+0

話題のテキストの周りに 'q'タグを付けることは良い考えですか? –

+1

「q」は、より大きいテキストブロック内の引用を意図しているように見える。 '

シーザーは言った、 Veni、vidi、vici。

'。 'blockquote'で全体のパスを囲む方が適切かもしれません。 HTML5 Doctorには[トピックに関する議論](http://html5doctor.com/blockquote-q-cite/)があります。 –

+0

ニースfind-それ以上のものがあるかどうかはわかりませんでした。どうも! – ryanve

-4

hm。

ヒント - xmlを使用してマークアップします。それが簡単に<voice speaker="John"></voice>

のような、後

何か多分

+0

OPはHTMLについて話しています。タグを参照してください。 – rvighne

関連する問題