お知らせタイトルが入ります。お知らせタイトルが入ります。お知らせタイトルが入り
H2見出しの表示確認
これは通常の本文テキストです。文字サイズ、行間、文字色、段落の余白を確認します。所沢航空発祥記念館からのお知らせを想定したサンプルです。
こちらは2つ目の段落です。段落間の余白を確認します。太字の表示や斜体の表示も確認できます。
H3見出しの表示確認
H3見出しの下に配置する本文です。見出しと本文の間隔や、H2との違いを確認します。
H4見出しの表示確認
内容をさらに細かく分ける場合の見出しです。本文と区別できるか、文字サイズや太さを確認します。
長い見出しの表示確認:所沢航空発祥記念館のイベント開催およびご来館にあたってのご案内
見出しが複数行になったときの行間、折り返し、背景や罫線の表示を確認します。特にスマートフォンで読みやすいかを確認してください。
H3見出しが長くなった場合の表示確認:参加方法と当日の受付についての詳しいご案内
小見出しが複数行になった場合も、本文との間隔が自然に見えるかを確認します。
改行・文字装飾の表示確認
これは段落内の改行です。
改行後の文章が、通常の行間で表示されるか確認します。
段落を分けた場合との違いも確認してください。
通常の文章、太字の文章、斜体の文章、マーカーによる強調、下線付きの文章、取り消し線付きの文章を確認します。
リンクの表示確認
文章中の新着情報一覧へのリンクを確認します。通常時の文字色、下線、マウスを重ねたときやキーボードで選択したときの表示を確認してください。
長いURLが本文の幅からはみ出さないか確認します:https://example.com/abcdefghijklmnopqrstuvwxyz/0123456789/abcdefghijklmnopqrstuvwxyz
箇条書きリスト
- 箇条書きの項目1
- 箇条書きの項目2
- 長い文章の項目です。スマートフォンなど画面の幅が狭い場合に文章が折り返されても、行頭の位置や行間が読みやすく保たれているかを確認します。
入れ子の箇条書きリスト
- 参加方法について
- 事前申込が必要なプログラム
- 当日受付で参加できるプログラム
- ご来館時のお願い
- 受付時間までに会場へお越しください。
- 小さなお子さまは保護者の方と一緒にご参加ください。
番号付きリスト
- 参加したいプログラムの詳細をご確認ください。
- 申込フォームに必要事項をご入力ください。
- 受付完了のご案内を確認し、開催当日に会場へお越しください。長い項目が折り返された場合の表示も確認します。
表組みの表示確認
| 項目 | 内容 | 備考 |
|---|---|---|
| 開催日 | 2026年11月15日(日) | 表示確認用の日付です |
| 会場 | 所沢航空発祥記念館 | 会場の詳細は開催案内をご確認ください |
| 対象 | 小学生以上 | 小学生は保護者同伴 |
| 参加方法 | 事前申込制。定員に達した場合は受付を終了します。 | 長い文章が入るセルの折り返しを確認します |
横に長い表の表示確認
以下は横スクロール確認用の表です。スマートフォンでは表の部分だけを左右に動かせるか確認します。
| プログラム名 | 開催日 | 開催時間 | 会場 | 対象 | 申込方法 |
|---|---|---|---|---|---|
| 飛行機のしくみを学ぼう | 2026年11月15日(日) | 10:00〜11:00 | 館内会場 | 小学生以上 | 事前申込 |
| 親子で楽しむ工作教室 | 2026年11月22日(日) | 13:00〜14:30 | 館内会場 | 小学生と保護者 | 当日受付 |
画像の表示確認
画像が本文の幅に収まり、縦横比を保って表示されるかを確認します。
画像の直後に置く本文です。キャプションや画像と本文の間隔を確認します。
縦長画像の表示確認
引用の表示確認
これは引用文のサンプルです。引用部分の文字サイズ、余白、背景色、罫線などを確認します。
引用が複数段落になった場合の間隔も確認します。
引用元の表示確認
区切り線の表示確認
区切り線の前に置く文章です。
区切り線の後に置く文章です。線の色・太さ・上下の余白を確認します。
関連ファイルへのリンク
詳しい内容は、以下の資料をご確認ください。リンク先は表示確認用の仮パスです。
記事末尾の表示確認
これで本文の表示確認は終了です。最後の段落から「戻る」「新着情報一覧」ボタンまでの余白を確認してください。