Webパーツ辞典

テキスト・見出し

文字まわりの部品。見出し・リード文・キャプション・引用・注釈など。

  • 見出しHeading

    内容のまとまりに付ける題。大きさではなく、階層で h1〜h6 を選ぶ。

    • 文字
    • 構造
  • リード文Lead

    見出しのすぐ下に置く、内容を要約した数行。読むかどうかをここで判断してもらう。

    • 文字
  • キャプションCaption

    画像や表の近くに添える短い説明。何が写っているか、どこから取ったかを書く。

    • 文字
    • 補助
  • 引用Blockquote

    他の文章をそのまま載せるときに使う囲み。どこから取ったかを必ず添える。

    • 文字
  • コードブロックCode block

    プログラムの記述をそのままの形で見せる枠。空白と改行を保ち、等幅の書体で表示する。

    • 文字
    • 実装
  • 省略表示Truncation

    入りきらない文字を途中で切り、末尾に「…」を付ける表示。1行や決まった行数に収めたいときに使う。

    • 文字
    • レイアウト
  • 注釈Note

    本文の内容に条件や例外を添える小さな文字。「※」で始めることが多い。

    • 文字
    • 補助
  • ルビRuby text

    漢字の上に読みを小さく添える表示。印刷で使われた5.5ポイント活字の呼び名「ruby」が由来。

    • 文字
    • 日本語