JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

サイト用比較表

列と行を書いてください。yesとno(またはsとn)と書くと✓と✗になり、それ以外のテキストはそのまま表示されます。

使い方

プランや商品を並べて比較


利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツール衣料品店向けサイズ表(サイト用HTML)→
広告

サイト用比較表: 用途

比較表は、お客様が質問しなくてもプラン、商品、サービスを選べるように助けます。列と行を書き、yesとnoで✓と✗にして、枠線とバッジで強調する列を選びます。

スマートフォンでは、最初の列を固定したまま表が横にスクロールします。HTMLはtableにthとscopeを使い、記号と一緒にはい/いいえの非表示テキストを入れるので、スクリーンリーダーが各セルを正しい見出しとともに読み上げます。

使い方

  1. 列を縦線で区切って書きます。
  2. 各行に、列ごとの値を書きます。
  3. 強調を選んでコードをコピーします。

使うタイミング

  • サービスのプランを比較する。
  • 商品モデルを比較する。
  • 競合との違いを示す。

よくある質問

スマートフォンではどう表示されますか?

表はボックス内で横にスクロールし、各項目名の入った最初の列はスクロール中も固定されます。比較している対象を見失いません。

✓と✗の記号はアクセシブルですか?

各記号にはスクリーンリーダー用の非表示テキスト(はい/いいえ)が付き、表は行と列にscope付きのthを使うため、各セルは正しい見出しとともに読み上げられます。

強調列は何のためですか?

おすすめの選択肢に、枠線とバッジで注目を集めるためです。1列だけに使ってください。複数を強調すると効果が薄れます。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。