HTMLロール属性の説明

このrole属性は、スクリーンリーダーや拡大鏡など、要素を利用できるプログラムでの要素の役割を説明します。

使用例:

Button Link

スクリーンリーダーは、この要素を「リンク」ではなく「ボタン」として読み取ります。

役割には4つのカテゴリがあります。

  • 抽象的な役割
  • ウィジェットの役割
  • ドキュメント構造の役割
  • 画期的な役割

HTML属性の詳細:

属性

属性

属性

属性

属性

属性

属性

HTML属性に関する詳細情報

HTML要素には、要素に関する追加情報を含む属性を含めることができます。

HTML属性は通常、名前と値のペアで提供され、常に要素の開始タグに含まれます。属性名は、要素に関して提供する情報のタイプを示し、属性値は実際の情報です。

たとえば、HTMLドキュメントのanchor()要素は、他のページまたはページの他の部分へのリンクを作成します。href開始タグの属性を使用して、リンクがユーザーを送信する場所をブラウザーに通知します。

ユーザーをfreeCodeCampのホームページに送信するリンクの例を次に示します。

Click here to go to freeCodeCamp!

属性名(href)と値(「www.freeCodeCamp.org」)は等号で区切られ、値は引用符で囲まれていることに注意してください。

さまざまなHTML属性がありますが、それらのほとんどは特定のHTML要素でのみ機能します。たとえば、href属性が開口部に配置されている場合、その属性は機能しません

鬼ごっこ。

上記の例では、href属性に提供される値は任意の有効なリンクである可能性があります。ただし、一部の属性には、使用できる有効なオプションのセットしかないか、値を特定の形式にする必要があります。このlang属性は、HTML要素のコンテンツのデフォルト言語をブラウザに通知します。lang属性の値は、en英語やitイタリア語などの標準の言語または国コードを使用する必要があります。

ブール属性

一部のHTML属性には、オプションが1つしかないため、値は必要ありません。これらはブール属性と呼ばれます。タグに属性が存在すると、その属性がそのHTML要素に適用されます。ただし、属性名を書き出して、値の1つのオプションと同じに設定してもかまいません。この場合、値は通常、属性名と同じです。

たとえば、フォーム内の要素にrequired属性を設定できます。これには、ユーザーがフォームを送信する前にその項目に記入する必要があります。

同じことを行う例を次に示します。