web-dev-qa-db-ja.com

Webに公開するときの長い形式のダイアログの標準

50分間のラジオレコーディングからの非常に長いオーディオトランスクリプトを投稿しています。検索エンジンのクローラーは、これらの非常に長いドキュメントを読み取り、キーワードの頻度や長さのために否定的に扱うことを恐れています。

私は調査し、ダイアログには<dl> <dt></dt> <dd></dd> </dl>が http://www.sitepoint.com/markup-musings .. から推奨されていることを発見しましたが、正しいフォーマットなので、代わりに<table>を使用しました。ブラウザーが見ているものが記録のトランスクリプトであることをブラウザーに通知するために使用できる属性または特定のマークアップがあるかどうか疑問に思っていますか？

私のコードは基本的にこのように見え、情報を記述する属性はありません。どんな提案でも大歓迎です！

<table width="100%" border="0" id="blogposttable">
        <colgroup>
        <col width="17%">
        <col width="83%">
    </colgroup>
    <tbody valign="top">
        <tr id"#speakerName">
            <td>Speaker name:</td>
            <td>What they said.</td>
        </tr> <!-- many more rows and columns following -->
    </tbody>
</table>
seohtmlaccessibilitystandards
3
Incredulous

HTML5（CR）には、 会話 に関する独自のセクションがあります（「脚本の対話」など）。

彼らは使用することをお勧めします

  • pおよび句読点
  • スピーカー名のspan/b（スタイリングのためにフックが必要な場合）
    （ただし、citeに関する以下のコメントを参照）
  • ステージ方向のi

簡単な例：

   <p><span>Alice</span>: How are you?</p>
   <p><span>Bob</span>: Good.</p>
   <p><i>Carol enters the room.</i></p>

代わりに、スピーカー名に cite element を使用できると思います。かつて明示的にnot人名に使用するのは適切でしたが、仕様が変更されました。

   <p><cite>Alice</cite>: How are you?</p>
   <p><cite>Bob</cite>: Good.</p>

トランスクリプトのコンテンツを引用する場合は、 q // blockquote を使用する必要があります。ただし、トランスクリプトが同じサイトで提供されている場合は、引用要素を使用しません。同じサイト運営者が、音声に対して代替として機能しています。

私は調査し、対話には<dl> <dt></dt> <dd></dd> </dl>が推奨されることを発見しました[…]

HTML5では、「 dl element 」は「ダイアログをマークアップするには不適切」であるため、使用しないでください。

会話に関する上記のリンクセクションは、dlを使用した例を示していますが、この例は対話ではなく、対話の会話のグラフであり、可能な応答をリストしています。

1
unor

あなたの特定の状況について、私はお勧めします：

  1. スピーカー名にth要素を使用します。これは、テーブルコンテキストでより意味があります。
  2. 音声コンテンツをblockquote要素でラップします。たとえば、<td><blockquote>What they said.</blockquote></td>

ただし、dlタグを使用して、目的のデザインを実現する方法が必要だと思います。 dtタグとddタグを左にフロートすると、同じテキストレイアウトが得られます。唯一の違いは、テーブルで無料で取得できる高さの等しい列を作成することです。

各dt/ddペアを別のタグ、たとえば<dl><div><dt>Announcer</dt><dd>Speech</dd></div></dl>でラップすることは無効のようです。そうすれば、CSSでdisplay: tableなどを簡単に使用できます。

1
DisgruntledGoat