HTML要素の属性とは何ですか?-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2021-12-23 11:50:05

オリジナル

9259 人が閲覧しました

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

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

このチュートリアルの動作環境: 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	サーバーに送信されるオプション値を定義します。