HTML5で珍しいタグを使用するにはどうすればよいですか?-H5 チュートリアル-php.cn

HTML5で珍しいタグを使用するにはどうすればよいですか?

青灯夜游

リリース： 2020-07-04 17:21:07

転載

3056 人が閲覧しました

HTML5で珍しいタグを使用するにはどうすればよいですか?

フロントエンド開発者として、他の人のページを閲覧するとき、私はいつも習慣的に彼らのページのソースコードをチェックしますが、自分で書いたページも含め、Web サイトのほとんどのページが最も一般的に使用されるレイアウト要素は、 div、p、span、ul、dl です。 ol、li、dt、dd、strong、b、何でもすべてのエフェクトはこれらの要素で構成されています。

すでに 9102 になり、html5 はすでにかなり成熟し、標準になっています。html5 が提供するセマンティックタグをレイアウトに使用してみてはいかがでしょうか。これは私たちがレイアウトを学び始めた頃は上記のタグをよく使っていたからだと個人的には思っていますが、HTML5の新しいタグが出てきた頃はずっとdivレイアウトを使っていて、よく理解できていなかったのかもしれません。これらのタグのアプリケーションシナリオでは、時間が経っても div レイアウトを使用し続けています。

1、`fieldset` タグ

<fieldset></fieldset> タグはフォームグループ化タグであり、関連付けられたコンテンツを持つフォームのグループをグループ化できます。

1.1. アプリケーションシナリオ 1 - フォームのグループ化

フォームに入力する必要がある情報が多数ある場合は、 can use<fieldset> タグは、フォームを理解しやすくするために、関連するフォーム項目をグループ化します。フォームが理解しやすいほど、訪問者が正しく入力する可能性が高くなります。 </fieldset>

基本的な使用法とデフォルトの効果:

HTML5で珍しいタグを使用するにはどうすればよいですか?

<fieldset>
  <legend>用户基本信息</legend>
  <div>
    <label for="">用户名</label>
    <input type="text">
  </div>
  <div>
    <label for="">电子邮箱</label>
    <input type="password">
  </div>
  <div>
    <label for="">密 码</label>
    <input type="password">
  </div>
  <div>
    <label for="">确认密码</label>
    <input type="password">
  </div>
</fieldset>

ログイン後にコピー

美しいフォーム

HTML5で珍しいタグを使用するにはどうすればよいですか?