テーブル
テーブルは、情報を明確な構造で提示することによって、複雑な情報を理解しやすくします。
テーブルは以下の用途に使用します:
- データと値の簡単なマッピング
- 例を伴うカテゴリ
- 異なる属性を持つもののコレクション
私たちはドキュメントのために標準のMarkdownテーブルを使用します。
| カテゴリ | 範囲 |
|---|---|
| 未計算 | ボットスコアが0。 |
| 自動化 | ボットスコアが1。 |
| おそらく自動化 | ボットスコアが2から29。 |
| おそらく人間 | ボットスコアが30から99。 |
| 確認済みボット | 悪意のない自動トラフィック(検索エンジンやその他のアプリケーションを支えるために使用される)。 |
| カテゴリ | 範囲 || ---- | ---- || **未計算** | ボットスコアが0。 || **自動化** | ボットスコアが1。 || **おそらく自動化** | ボットスコアが2から29。 || **おそらく人間** | ボットスコアが30から99。 || **確認済みボット** | 悪意のない自動トラフィック(検索エンジンやその他のアプリケーションを支えるために使用される)。 |テーブルを使用する際は:
- テーブルがデスクトップとモバイルの両方のユーザーに適しているか確認してください。
- テーブルは3列(情報が非常に凝縮されている場合は4列)に制限してください。
- 長い文や、表形式の表示の目的を損なうほど密度の高い情報は避けてください。
情報がガイドラインに収まらない場合は、以下のプレゼンテーション方法を検討してください:
- リスト
- サブセクション
- タブ
ガイドラインに記載されているように、私たちは一般的にドキュメント内で大きなテーブルを避けます。
ただし、ユニークな使用例がある場合は、{{</*table-wrap*/>}}ショートコードを使用して、テーブルをレスポンシブでスクロール可能にしてください。
| ヘッダー1 | ヘッダー2 | ヘッダー3 | ヘッダー4 |
|---|---|---|---|
| テスト | テスト | テスト | テスト |
{{</*table-wrap*/>}}
| ヘッダー1 | ヘッダー2 | ヘッダー3 | ヘッダー4 || --- | --- | --- | --- || テスト | テスト | テスト | テスト |
{{</*/table-wrap*/>}}