これまでの学習を通じて、HTML タグについてはすでに簡単に理解しており、タグにいくつかの属性を追加できることがわかりました。これらの属性には、タグに関する次のような追加情報が含まれています。
(1) href 属性は、<a> タグのリンク アドレスを提供できます。
(2) src 属性は、<img> タグの画像のパスを提供できます。
(3) style 属性は、ほぼすべてのタグの CSS スタイルを定義できます。
この記事では、HTMLタグの属性の定義と使い方について説明します。
1. 属性とは何ですか?
属性は、HTML タグに追加情報を提供したり、HTML タグを変更したりできます。属性は開始タグに追加する必要があり、構文形式は次のとおりです。
属性=値
attr は属性名を表し、value は属性値を表します。属性値は二重引用符または一重引用符「 」で囲む必要があります。
注: 二重引用符と一重引用符の両方で属性値を囲むことができますが、標準化と専門性の観点から、可能な限り二重引用符を使用してください。
タグには属性を含めないか、1 つ以上の属性を含めることができます。
HTML 属性の使用例:
<pid=user-infoclass=color-red><fontcolor=redsize=3>ユーザー名</font> さん、C Language Network へようこそ。このサイトを 3 年間使用してきました。これで 264 回目のログインになります。 <p><divclass=clearfloat><pclass=left>ユーザー名のアカウント情報</p><pclass=right>ユーザー名の個人署名</p></div>
以下に示します:
1. 特殊な性質
HTML 属性は多数あり、大きく 2 つのカテゴリに分類できます。
(1) 一部の属性は、ほとんどまたはすべての HTML タグに適用されます。これらの属性をユニバーサル属性と呼びます。
(2) 一部の属性は、1 つまたは複数の特定の HTML タグにのみ適用されます。これらの属性を特殊属性と呼びます。
次の例に示すように、HTML の <img> タグには 2 つの特別な属性、src と alt があり、<a> タグにも 2 つの特別な属性、href と target があります。
<img src=./logo.png alt=C 言語ネットワーク ロゴ width=100 height=50>
<a href=http://c.biancheng.net/ target=_blank>C 言語ネットワーク</a>
コードの説明:
<img>タグ内のsrc属性は画像のパスを定義するために使用され、alt属性は画像が異常で正常に表示できない場合に画像の説明情報を定義するために使用されます。表示される。
<a> タグの href 属性はリンクのアドレスを定義するために使用され、target 属性はブラウザで新しいページを開く方法を定義するために使用されます。
2. カスタム属性
HTML では、独自の属性に加えて属性をカスタマイズすることもできます。これらの属性はブラウザーで認識できますが、カスタム属性を処理したり、指定されたスタイルを HTML に追加したりするために、CSS や JavaScript を使用する必要はありません。タグまたは動作。
2. HTML 属性
● HTML要素で属性を設定できる
●属性により要素に追加情報を追加できます。
●属性は通常、開始タグに記載されます。
●属性は常に名前と値のペアの形式で表示されます (例: 名前=値)。
概要: HTML の要素は、属性を設定することで HTML 要素に追加情報を提供できます。属性は要素に属する特性です。
1. 共通の属性
次の属性は、ほとんどの HTML 要素に適用されます。
(1)クラス
HTML 要素の 1 つ以上のクラス名 (クラス名) を定義します (クラス名はスタイル ファイルから導入されます)。
クラス属性は複数回使用できます。つまり、class=classname1 classname2 classname3... (複数のクラス属性を引用符で囲むことができます)
(2)ID
要素の一意の ID を定義します
id 属性は、id=myid のように個別にのみ設定できます (1 つだけ入力でき、複数は無効です)。
(3)スタイル
要素のインラインスタイルを指定する
(4) タイトル
要素に関する追加情報を説明します (ツールバーとして使用)
2. HTML属性のよく使われる参照属性値
プロパティ値は常に引用符で囲む必要があります。
二重引用符が最も一般的に使用されますが、一重引用符を使用しても問題ありません。
ヒント: 属性値自体に二重引用符が含まれている場合など、場合によっては一重引用符を使用する必要があります。次に例を示します。
name='ジョンショットガンネルソン'
3. HTML ヒント: 小文字の属性を使用する
プロパティとプロパティ値は大文字と小文字が区別されません。
ただし、World Wide Web Consortium は、HTML 4 の推奨事項で小文字の属性/属性値を推奨しています。
(X)HTML の新しいバージョンには小文字の属性が必要です。
4. HTML 属性リファレンスマニュアル
HTML 属性の完全なリストについては、HTML タグのリストを参照してください。
ほとんどの HTML 要素に適用される属性を以下に示します。