1. 加盟店様向け 売上アップノウハウ
  2. 記事内のタグ構造一覧

記事内のタグ構造一覧

テストテストテストテストテストテストテストテストテストテストテストテスト


テストテストテストテストテストテストテストテストテストテストテストテスト


テストテストテストテストテストテストテストテストテストテストテストテスト



注 意
  • 全額キャンセル、一部キャンセル問わず1取引に対するキャンセルは1回のみです。
  • 決済日の365日後までキャンセル可能です。

【1】見出し

■ 見出し

pタグは自動で付与される。 改行タグも同様。 太字

赤字:class="post__text--emphasis"

リンク

※1 注釈:class="post__note"

※2 注釈 + 太字

※3 注釈 + 赤字:class="post__note post__text--emphasis"

■ リスト

  • 通常のリスト
  • 注釈付き

    ※1 リスト内注釈:class="post__note"

    ※2 リスト内注釈:class="post__note"

  • 改行する場合は、
    改行タグを直接入れる
  • リスト in リスト
    • 第二階層

■ 番号つきリスト

  1. 通常のリスト
  2. リスト in リスト
    • 第二階層

■ 見出しとテキストで分かれているリスト

  • 見出し
    テキストテキストテキストテキストテキスト
  • 見出し + 太字
    テキストテキストテキストテキストテキスト

    ※1 リスト内注釈:class="post__note"

    ※2 リスト内注釈:class="post__note"

    テキストテキストテキストテキストテキスト

    ※3 リスト内注釈:class="post__note"

  • 見出し + 赤字:class="post__text--emphasis"
    テキストテキストテキストテキストテキスト

■ リストに対して見出し/テキストを付ける場合

注):class="post__text--list"

  • hoge
  • hoge
  • 見出し
    テキストテキストテキストテキストテキスト

■ テーブル

通常 太字 改行 太字 + 改行
テキスト テキスト テキスト
テキスト
テキスト
テキスト
テキスト

※1 注釈:pタグで囲うと余白アリ

テキスト※2 注釈:spanタグで囲うと余白ナシ

■ (応用)テーブル:スタイルを変更する場合

ああ あああ ああ
テキスト テキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト
テキスト テキスト
テキスト テキスト
テキスト テキスト テキストテキストテキスト
テキスト テキストテキストテキストテキストテキストテキスト※ span注釈

▼変更点

  • テキスト量により、テーブル幅が可変する
  • 見出し 文字の太さ/文字色/背景色
  • 一列目のみ、sp幅でテキストが一列になってしまう為、幅を指定
  • テキスト左寄せ