食品ノベルティ.com の新サイトへようこそ。本記事は、お知らせ投稿で利用できる主要なHTMLタグの表示サンプルです。実際の投稿作成時のレイアウトガイドとしてご活用ください。

見出しの階層構造

記事内では、章立てを明確にするために h2 〜 h4 までの見出しタグをご利用いただけます。視認性を保つため、原則として h2 を章タイトル、h3 を節、h4 を項として運用してください。

h3：節の見出し

節の見出しは、章のなかで話題が変わるところに挿入します。アクセントの赤いラインで、本文との区切りを明確にしています。

h4：項の見出し

項の見出しは、節のなかで補足的な区切りを入れたいときに使います。赤い四角のアイコンが付与され、リード文のような役割を果たします。

本文に使えるテキスト装飾

段落内では、太字・斜体・マーカー・インラインコード といった装飾をご利用いただけます。リンクは こちらのリンク表示 のように下線つきで表示されます。

箇条書きリスト

順不同リスト（ul）

• 赤い点で装飾された箇条書きリストです
• 主要な情報を並列に並べるときにご利用ください
  • ネストすると、白抜きの点に切り替わります
  • 2階層までを想定しています
• 3項目以上の場合はリストでの提示が読みやすくなります

番号付きリスト（ol）

1. 手順や順序を示す場合は番号付きリストをご利用ください
2. マーカー部分はブランドカラーで強調されます
3. 長文の説明にも対応します

表（テーブル）の表示例

商品スペックや料金表などの一覧情報には、テーブルをご利用ください。ヘッダー行はダーク基調、行ごとに薄い背景色でストライプ表示されます。

引用ブロック

外部のコメントやお客様の声、注釈などには blockquote をご利用ください。

食品ノベルティ.com は、全国の「おいしい」を、オリジナル食品ノベルティとしてお届けします。

サイトコンセプトより

区切り線・コード・小さい文字

段落の上の hr タグは、話題が大きく変わるところで利用してください。

// コードブロック例
function example() {
  return 'Hello, food novelty!';
}

※ 本記事は表示確認用のサンプルです。実運用では適切な内容に差し替えてご利用ください。