ホームページ > 記事 > ウェブフロントエンド > w3schools Web サイトの HTML 属性 HTMLtutorial_html/css_WEB-ITnose
w3schools Web サイトの HTML 属性 HTMLtutorial_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 08:47:591173ブラウズ
- HTML 要素は属性を持つことができます
- 属性は HTML 要素に関する追加情報を提供します
- 属性は開始タグ で定義する必要があります
- 属性は、キーと値のペアを使用して定義されます。例: name="value"
lang 属性
HTML ページで使用される言語は、< で定義できます。 ;html>タグの真ん中。
lang 属性を使用して、現在の HTML ページで使用される言語を定義します。
言語の定義は、アプリケーションのアクセシビリティ (スクリーン リーダー) と検索エンジンにとって重要です。
<!DOCTYPE html><html lang="en-US"> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body></html>
上記の例では、最初の 2 文字は言語 (en) を指します。方言がある場合は、さらに 2 文字が使用されます。 （私たち ）。
title 属性
e388a4556c0f65e1904146cc1a846bee タグを使用して HTML 段落を定義します。
次の例では、
タグは、値が「About W3Schools」であるタイトル属性を定義します。
<p title="About W3Schools">W3Schools is a web developer's site.It provides tutorials and references coveringmany aspects of web programming,including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.</p>
マウスをe388a4556c0f65e1904146cc1a846bee要素の上に移動すると、title属性値の内容がツールチップの内容として表示されます。
href 属性
bc3c157b15bf70d303f83f645ef2ecde タグについては後の章で詳しく説明します。
size 属性
a1f02c36ba31691bcfe87b2722de723b タグを使用して HTML 画像を定義します。
画像のリンク アドレス (src) と画像のサイズ (幅と高さ) はすべて タグの属性です:
<img src="w3schools.jpg" width="104" height="142">
上記のコードの画像はピクセル単位で定義されています。width="104" は幅が 104 ピクセルであることを意味します。
a1f02c36ba31691bcfe87b2722de723b タグについては後の章で詳しく説明します。
alt 属性
alt 属性は、HTML 要素が正しく表示できない場合のヒントの内容を定義するために使用されます。
この属性の値は、スクリーン リーダーで読み取ることができます。このようにして、ページを「聞く」ことができ、たとえば目の見えない人でも要素を「聞く」ことができます。
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
推奨: 小文字の属性を使用するようにしてください
HTML5 標準では、小文字の属性名を使用する必要があるとは規定されていません。
title 属性は、Title や TITLE のように、大文字でも小文字でも記述できます。
W3C は、HTML4 および XHTML などの厳密に定義されたドキュメント タイプでは小文字を使用することを推奨しています。
小文字は最も一般的で理解しやすい書き方です。 W3Schools では、可能な限り小文字のプロパティ名を使用するようにしています。
推奨: 属性値には引用符を使用するようにしてください。
HTML5 標準では、属性値に引用符を使用する必要があるとは規定していません。
上記のように記述された href 属性の値は、次の形式でも記述できます。
<a href=http://www.w3schools.com>
HTML4 では、W3C が推奨しています。および XHTML この厳密に定義されたドキュメント タイプでは引用符が使用されます。
引用符の使用が必要な場合があります。たとえば、次の例は属性値にスペースが含まれているため、正しく表示されません:
<p title=About W3Schools>
引用符を使用するのが最も一般的です。 。引用符を省略するとエラーが発生します。 W3Schools では、プロパティ値を設定するときに引用符を使用するようにしています。
一重引用符か二重引用符か?
HTML では二重引用符が最も一般的に使用されますが、一重引用符も使用できます。
場合によっては、属性値自体に二重引用符が含まれている場合、属性値を定義するために一重引用符を使用する必要があります。
<p title='John "ShotGun" Nelson'>
次のように書くこともできます:
<p title="John 'ShotGun' Nelson">
この章の概要
- すべての HTML 要素は属性
- title 属性は、ツールヒントの情報を提供します
- href 属性は、リンクの値に関する情報を提供します
- width 属性と height 属性は、リンクのサイズに関する情報を提供しますimage
- alt 属性は画面の読み取りを提供します コンテナのコンテンツ
- W3Schools では、HTML 属性名を定義するために小文字を使用しようとします
- W3Schools では、次のように使用します二重引用符で属性値を定義します
HTML 属性
次のリストは、一般的な HTML 属性のアルファベット順です:
| 属性名 | 描述 |
|---|---|
| alt | 用于指定图像的提示内容 |
| disabled | 用于指定输入框不可用 |
| href | 用于指定链接的 URL（web地址） |
| id | 用于指定一个元素的标识 |
| src | 用于指定一个图像的 URL（web地址） |
| style | 用于指定一个元素的内联 CSS 样式 |
| title | 用于指定一个元素的额外信息（作为工具提示的内容） |
この記事は、「w3schools」Web サイトで提供されている HTML チュートリアルを翻訳したものです。