5つのクールで実用的なHTMLタグと属性の紹介

実はこれもクリックベイトのタイトルであり、「派手」とは言えません。ただ私が無知で、こうしたラベルを見たことがないだけです。こういった機能は、通常のウェブサイトではあまり一般的ではないので、非常に新鮮に感じます。次に、私が遭遇したすべての適切な HTML タグを記録するシリーズを作成します (HTML5 タグである可能性があり、すべてのブラウザーが互換性があるという保証はありません)。

1. コンテンツ編集可能

これは HTML5 で追加された新しいタグで、以下の表のように、領域のコンテンツを編集可能にすることができます。(IE の表はこの属性をサポートしていないようですが、div と body はサポートしているようです。IE をお使いの場合は、$100 と $50 の部分をクリックして編集してみてください。この 2 つのボックスに contenteditable タグを追加しました。IE を使用していない場合は、すべてのコンテンツが編集可能になるはずです)

このテーブルは直接編集可能であることに注意してください。テキスト ボックスを追加せずにテキストを直接変更できます。サブタグでこの属性を指定しない場合は、デフォルトで継承されるため、非常に便利です。 (もちろん、このプロパティを本文に追加すると、すべてが編集可能になり、それはひどいことです...)

2. フィールドセットタグ

これは .NET の GroupBox に相当しますが、以前は知りませんでした。その機能は、フォーム内の関連する要素をグループ化することです。

凡例タグは、この BOX のタイトルを指定します。

3. エリアタグ

画像上の特定の領域にハイパーリンクを直接配置できます。マップ タグと img の usemap 属性を使用します (画像をクリックした後は、他のページに戻ることを忘れないでください ^_^):

4. 出力タグ

このタグはスクリプトの結果を直接表示できます (注: 現在、IE のどのバージョンでもサポートされていません)。次のスクリプトはおそらく WP が原因で動作しないようです。

5. マークタグ

テキストを分割せずに直接ハイライトすることができます。

今日はここまでです。後ほど、もっと良い HTML タグや特殊効果を投稿します。