フロントエンド開発者として、他の人のページを閲覧するとき、私はいつも習慣的に彼らのページのソースコードをチェックしますが、自分で書いたページも含め、Web サイトのほとんどのページが最も一般的に使用されるレイアウト要素は、div
、p
、span
、ul
、dl
です。ol
、li
、dt
、dd
、strong
、b
、何でもすべてのエフェクトはこれらの要素で構成されています。
すでに 9102 になり、html5 はすでにかなり成熟し、標準になっています。html5 が提供するセマンティック タグをレイアウトに使用してみてはいかがでしょうか。これは私たちがレイアウトを学び始めた頃は上記のタグをよく使っていたからだと個人的には思っていますが、HTML5の新しいタグが出てきた頃はずっとdivレイアウトを使っていて、よく理解できていなかったのかもしれません。これらのタグのアプリケーション シナリオでは、時間が経っても div レイアウトを使用し続けています。
1、fieldset
タグ
タグはフォーム グループ化タグであり、関連付けられたコンテンツを持つフォームのグループをグループ化できます。
1.1. アプリケーション シナリオ 1 - フォームのグループ化
フォームに入力する必要がある情報が多数ある場合は、 can use
基本的な使用法とデフォルトの効果:
美しいフォーム
##1.2. アプリケーション シナリオ 2 - その他のグループ
2,figureタグ