松田テスト２

「 サブタイトル（キャッチコピー）」とはどこに表示されるの？ 「 商品名」とはどこに表示されるの？

＜ここ、更新したらPタグ入るかな・・更新したらHTML右クリックで見てみる箇所＞

特徴

ソースが左に全てより、どこからどこまでのタグか分からない。
困った。。
行もいれられないので、どこまでで一旦終わりのタグなのか見分けるのも難しい。。
そうすればよいか

おすすめポイント

腸内環境◎、食いつき抜群、基本タイプ
国産原料100％の厳選素材を使用。
食物繊維・ビタミン・ミネラルが豊富な野菜やオートミール、腸内環境にも配慮した素材を使用。

ローカルのテキストでタグを入れ子にして分かりやすくして、貼り付けてみた。
果たして、タグの構造化がたもてるか？のテスト

↓

更新ボタンを押すと、やはり、タグは全て左端に寄ってしまうため、コーディングが難しいのが分かった。

しかし、ソース内で改行できる場合がある。
これはなぜだろうか・・・

勝手に改行が入るところがある（閉じタグなど）
勝手に改行が入らないところもある。
違いはなんなのか。

意図的に入れると、改行はいれられるが、
タグとタグの連続の間に改行を入れると、
以下のように勝手に改行が削除されてしまう。
という特徴がある。

タグとタグの連続
＜／div＞
ここにソース内をみやすくすために改行をいれてみると・・
＜／div＞

↓

＜／div＞
＜／div＞

となり、勝手に改行が削除されてしまう。

まは、勝手に自動改行されたところは、恐らく出力ソースをみると勝手に＜ｐ＞タグが入っているのだろう。

70g 1080円(税抜)

→→Cartアイテム1
どこに表示されるエリアナの？？

0 1 2 3 10

70g 1080円(税抜)

→→Cartアイテム2
どこに表示されるエリアナの？？２２２

0 1 2 3 10

→→Cartアイテム3

70g 1080円(税抜)

→→Cartアイテム3
どこに表示されるエリアナの？？３３

0 1 2 3 10

与え方

①ベースデリにお湯を同量～2倍かけてよく混ぜます。1～３分ほどおいてやわらかさを調整します。
②お好みのお肉・お魚などをトッピングします。

給与の目安量

※1日２食与える場合の１食分

1～5kgまで＝7～21g
5～10kgまで＝21～50g
10～20kgまで＝50～85g

原材料一覧

さつまいも、豆乳、きな粉、ごま、大麦、にんじん、まいたけ、寒天★、大麦フレーク、バーリーマックス、オートミール、豆乳、きなこ、にんじん、すりごま、卵殻、しいたけ、りんごセラミド、きくいも、米麴、大麦若葉、ケール、ほうれん草、かぼちゃ

栄養成分表示

エネルギー

336kcal

粗タンパク質

9.5%以上

粗脂肪

3.4%以上

粗繊維

1.9%以下

粗灰分

2.5%以下

水分

4.5%以下

リン

0.23%

マグネシウム

0.87％

ナトリウム

0.15％

（100gあたりの栄養成分の量）