HTML要素の属性とは何ですか?

html 要素の属性には、accesskey、c​​lass、contenteditable、contextmenu、「data-*」、dir、draggable、dropzone、hidden、id、lang、spellcheck、style などが含まれます。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

属性とは

属性は、HTML タグに追加情報を提供したり、HTML タグを変更したりできます。属性は開始タグに追加する必要があり、構文形式は次のとおりです。

attr="value"

attr は属性名を表し、value は属性値を表します。属性値は二重引用符 " " または一重引用符 ' ' で囲む必要があります。

二重引用符と一重引用符の両方で属性値を囲むことができますが、標準化と専門性の観点から、可能な限り二重引用符を使用してください。

タグには属性を含めることも、1 つ以上の属性を含めることもできます。

HTML 属性は多数あり、大きく 2 つのカテゴリに分類できます:

• 一部の属性は、ほとんどまたはすべての HTML タグに適用できます。これらの属性をユニバーサル属性と呼びます。 ;

• 一部の属性は、1 つまたはいくつかの特定の HTML タグにのみ適用されます。これらの属性を特別な属性と呼びます。

#共通プロパティ (グローバル プロパティ)

プロパティ Descriptionaccesskey要素にアクセスするためのキーボード ショートカットを設定します。 class要素のクラス名を指定します。contenteditable要素のクラス名を指定します。編集された要素のコンテンツ。 contextmenu要素のコンテキスト メニューを指定します。ユーザーが要素を右クリックすると、コンテキスト メニューが表示されます#data-*dirdraggabledropzone#hiddenhidden 属性は、要素が非表示であることを指定します。 id要素の一意の ID を指定しますlang言語コードを設定します要素内のコンテンツ。 spellcheck要素のスペルが間違っているかどうかを検出しますstyle次のインライン スタイルを指定します要素 (インライン スタイル)tabindex要素のタブ キー制御順序を設定します。 要素の追加情報を指定します (ツールチップに表示可能)ページのロード時に要素の値を翻訳する必要があるかどうかを指定します

ページのカスタム データを保存するために使用されます

要素内のコンテンツのテキスト方向を設定します。

要素をドラッグできるかどうかを指定します

データをドラッグするかどうかを指定しますコピー、移動、リンク、または削除

#title

translate

特別なプロパティ

次に、一般的に使用されるいくつかのタグのプロパティを紹介します

プロパティタグ数

#namerel代替ターゲット URL と現在のドキュメントの間の関係を指定します。 形状circlepolyHTML5 はサポートされていません。 framename は、ターゲット URL を開く場所を指定します。 href 属性が存在する場合にのみ使用されます。 _top: 現在のフォームでリンクを開き、現在のフォーム全体 (フレーム ページ) を置き換えます。 # タグ属性 値

属性	値	説明
文字セット	char_encoding	HTML5 サポートされていません。 ターゲット URL の文字エンコーディングを指定します。
座標	座標	HTML5 サポートされていません。 リンクの座標を指定します。
download	ファイル名	ダウンロード リンクを指定
href	URL	リンクのターゲット URL を指定します。
hreflang	language_code	ターゲット URL の基本言語を指定します。 href 属性が存在する場合にのみ使用されます。
media	media_query	ターゲット URL のメディア タイプを指定します。デフォルト値: すべて。 href 属性が存在する場合にのみ使用されます。
	section_name	HTML5 サポートされていません。 アンカーの名前を指定します。
	著者＃＃＃ ブックマーク ヘルプ＃＃＃ ライセンス＃＃＃ 次＃＃＃ ノーフォロー 参照者なし プリフェッチ 前へ 検索＃＃＃ tag 現在のドキュメントとターゲット URL の間の関係を指定します。 href 属性が存在する場合にのみ使用されます。 #rev	text
HTML5 サポートされていません。		デフォルト rect
	リンクの形状を指定します。 #ターゲット	_blank _親＃＃＃ _自己＃＃＃ _top
	##_blank: 新しいウィンドウが開きます。 _parent: 親ウィンドウでリンクを開きます。 _self: デフォルト、現在のページにジャンプします。	type MIME_type ターゲット URL の MIME タイプを指定します。 href 属性が存在する場合にのみ使用されます。 注: MIME = 多目的インターネット メール拡張機能。
		属性

説明

acceptMIME_typeHTML5 サポートされていません。 #actionautocompleteonapplication/x-www-form-urlencoded マルチパート/フォームデータmethodgettextnovalidatenovalidateこの属性を使用すると、フォームの送信時に検証は実行されません。 target_blank_self_parent# タグ属性Description

		サーバーが受信するファイルのタイプを指定します。 (ファイルはファイルアップロード経由で送信されます)
accept-charset	character_set	サーバーが送信できるフォームデータを指定します。文字セットを処理します。
URL	フォームの送信時にフォーム データを送信する場所を指定します。
off	フォームのオートコンプリート機能を有効にするかどうかを指定します。	enctype
text/plain	サーバーに送信する前にフォーム データをエンコードする方法を指定します。 (method="post" に適用)
post	フォーム データの送信に使用する HTTP メソッドを指定します。	name
	フォームの名前を指定します。
_top	アクション URL を開く場所を指定します。
	属性	値

manifest

URLhttp://www.w3.org/1999/xhtmlHTML はサポートされていません。 XHTML のみがサポートされています。

説明「ドキュメントの情報をキャッシュする」を含む URL を定義します。 。

xmlns

XML 名前空間属性を指定します (コンテンツを XHTML に準拠させる必要がある場合は、この属性を使用します)。

ラベル属性

Attribute	Value	Description
disabled	disabled	このオプションを最初のロード時に無効にすることを指定します。
label	text	が使用される場合に使用されるラベルを定義します。
selected	selected	オプションが選択されて表示されるように指定します (リストに最初に表示されるとき)。
value	text	サーバーに送信されるオプション値を定義します。

。 。 。 。

関連する推奨事項:「html ビデオ チュートリアル」

以上がHTML要素の属性とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。