html属性とは何ですか?

HTML は、Web ページの作成に使用されるマークアップ言語です。 HTML では、属性は要素の動作を定義する要素の特性です。属性では要素の色、サイズ、リンク先などを設定できます。この記事では、HTML でよく使用される属性をいくつか紹介します。

1. クラス属性

クラス属性は、要素が属するカテゴリを指定するために使用されます。カテゴリには、スペースで区切られた 1 つ以上の単語を指定できます。カテゴリは CSS スタイル設定の識別子を提供するため、要素のスタイルをグローバルに均一に制御できます。

例:

<div class="container">
    <p class="paragraph">这是一个段落。</p>
</div>

上の例では、div 要素と p 要素の両方に class 属性があります。 div要素のclass属性は「container」、p要素のclass属性は「paragraph」である。

2. id ​​属性

id ​​属性は、要素の一意の識別子を指定するために使用されます。 id 属性は、ドキュメント内のハイパーリンク アンカーとして、または JavaScript コード内の位置決め要素として使用できます。

例:

<div id="header">
    <h1>网站标题</h1>
</div>

上記の例では、div 要素の id 属性は「header」です。

3. style 属性

style 属性は、要素の CSS スタイルを定義するために使用されます。 style 属性の値は CSS スタイルであり、複数の CSS プロパティと値を含めることができます。

例:

<p style="color:red;font-size:20px;">这是一个段落。</p>

上の例では、p 要素の style 属性は「color:red;font-size:20px;」です。

4. href 属性

href 属性は、ハイパーリンクのターゲット アドレスを指定するために使用されます。 href 属性には、絶対パスまたは相対パスを指定できます。

例:

<a href="http://www.example.com">这是一个链接</a>

上の例では、a 要素の href 属性は「http://www.example.com」です。

5. src 属性

src 属性は、画像、オーディオ、ビデオなどのメディア ファイルのアドレスを指定するために使用されます。

例:

<img src="image.jpg">

上記の例では、img 要素の src 属性は「image.jpg」です。

6. alt 属性

alt 属性は、画像要素に代替テキストを提供するために使用されます。画像の読み込みに失敗した場合は、ページに alt 属性の値が表示されます。

例:

<img src="image.jpg" alt="这是一张图片">

上の例では、img 要素の alt 属性は「これは写真です」です。

7. title 属性

title 属性は、要素に追加情報を提供するために使用されます。要素の上にマウスを置くと、title 属性の値がブラウザに表示されます。

例:

<a href="http://www.example.com" title="这是一个链接">这是一个链接</a>

上の例では、a 要素の title 属性は「This is a link」です。

8. target 属性

target 属性は、ハイパーリンクがページを開く方法を指定するために使用されます。 target 属性には、_blank (新しいウィンドウで開く)、_self (現在のウィンドウで開く) などを指定できます。

例:

<a href="http://www.example.com" target="_blank">这是一个链接</a>

上記の例では、a 要素のターゲット属性は「_blank」です。

概要

HTML では、属性は要素の動作を定義する要素の特性です。一般的に使用される HTML 属性には、class、id、style、href、src、alt、title、target などが含まれます。これらのプロパティをマスターすると、Web ページをより適切に作成できるようになります。

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