ホームページ  >  記事  >  ウェブフロントエンド  >  HTML凡例タグ

HTML凡例タグ

WBOY
WBOYオリジナル
2024-09-04 16:21:50731ブラウズ

凡例タグは、 のキャプションまたはタイトルを定義するために使用されます。タグであり、この要素の最初の子とみなされます。キャプションなので、通常はフレームの上に配置されます。 <フィールドタグ>の目的特定の要素のコンテンツを囲むボックスを作成することです。主な目的は、フィールドセットを使用してフォーム、画像、コンテンツをラップすることであり、情報のコンテキストを記述する役割も果たします。次の部分では、 に関する情報について説明します。タグと詳細な例。この記事の主なモットーは、HTML 要素のタグがプレゼンテーションにどのようにシンプルかつ創造的に使用されるかを示すことです。

構文

<legend>
……
</legend>

HTML

要素は 内に配置されます。要素の周りに黒い枠が付けられています。スタイリッシュにしたい場合やフレームの動作を変更したい場合は、ここで CSS を使用します。このタグは
とはまったく異なります。タグ。そして、このタグは Chrome、android、firefox、Opera、Internet Explorer などのすべてのブラウザをサポートしています。そして、これらすべての要素はすべてのブラウザで統一されています。

コード:

<fieldset>
<legend>
Text
</legend>
… Content
<fieldset>

開始タグと終了タグの両方を指定する必要があります。

属性

一般に、HTML タグには、HTML 要素の優れた側面を提供する 1 つ以上の属性があります。 Legend タグは、定義されたすべてのグローバル属性をサポートします。一部の属性は最新の Web ブラウザをサポートしていません。次の表に、タグの属性とその説明を示します。

1.タグ固有の属性

align:

を基準にして、フォームに指定されたタイトルまたはキャプションの配置を定義します。

コード:

<fieldset>
<legend align="center">Align
demo:</legend>

注: 明確に配置するには、要素のバリエーションに CSS-Align を使用することをお勧めします。

2.標準属性

これらの属性の説明は、前の記事ですでに説明されています。

  • アクセスキー
  • クラス
  • ディレクトリ
  • ID
  • スタイル
  • ラング
  • ID
  • タブインデックス
  • タイトル

3.グローバル属性

凡例タグは、すべての HTML5 要素にわたる標準である、前に説明したグローバル属性も受け入れます。一部を以下にリストします:

Context

Define the Context

Dir

 The values give the path of the text.

Id

 Its identifier must match the value of a name.

Style

 Specifies the inline and external styles.

Lang

Determines the language used in the text.

コンテキスト

onabort It is called when a particular event has been aborted. For example, the web browser immediately video before it is completely downloaded.
onblur Defines the focus of the element.
oncancel Stops the processed event handler.
Onclick Triggers when a click is done
onchange When a click is done somewhere.
onfocus Triggered when the focus is on the given element
コンテキストを定義する

ディレクトリ

値はテキストのパスを示します。

ID

その識別子は名前の値と一致する必要があります。

スタイル

インライン スタイルと外部スタイルを指定します。

ラング

テキストで使用される言語を決定します。

テーブル> 4.イベント属性

5. Other Attributes Are

onmouse down, onmouse up, onmouse over, onmouse move, onmouse out, on focus, on blur, onkey press,onkey down,onkey up. The tags that come with the tag are listed below: