A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/HTML/Reference/Global_attributes/title below:

HTML title グãƒãƒ¼ãƒãƒ«å±žæ€§ - HTML

HTML title グローバル属性

Baseline Widely available

title グローバル属性は、要素に関するアドバイザリー情報を表すテキストを含みます。

試してみましょう 
<p>
  <code>title</code> 属性を使用して、 <code>iframe</code> のコンテンツをスクリーンリーダーに明確に識別します。
</p>

<iframe
  title="Wikipedia page for the HTML language"
  src="https://en.m.wikipedia.org/wiki/HTML"></iframe>
<iframe
  title="Wikipedia page for the CSS language"
  src="https://en.m.wikipedia.org/wiki/CSS"></iframe>

iframe {
  height: 200px;
  margin-bottom: 24px;
  width: 100%;
}

title 属性の主な用途は、 <iframe> 要素の支援技術のためのラベル付けです。

title 属性は、データ表内のコントロールのラベル付けに使用することもできます。

title 属性は、<link rel="stylesheet"> に追加すると、代替のスタイルシートを作成することができます。代替スタイルシートを <link rel="alternate"> で定義する場合、この属性は必須であり、空でない文字列を設定する必要があります。

<abbr> の開始タグに title を記述する場合は、略語や頭字語の完全な展開形である必要があります。可能であれば、title を使用するのではなく、略語や頭字語を最初に使用する際に、 <abbr> を使用して略語をマークアップし、プレーンテキストで略語の展開形を提供してください。こうすることで、すべてのユーザーがその略語や頭字語が、どのような名前や用語を短縮しているのかを知ることができ、同時にユーザーエージェントには、コンテンツをどのように告知すればよいかのヒントを提供することができます。

<input> 要素にプログラム的に関連付けられたラベルを提供するために title を使用することができますが、これは良い習慣ではありません。代わりに <label> を使用してください。

複数行のタイトル

title 属性は複数の行を含むことができます。それぞれの U+000A LINE FEED (LF) 文字が改行を表します。いくつか注意しなければならないのは、これが次のように 2 行にわたって描画されることです。

HTML 
<p>
  Newlines in <code>title</code> should be taken into account, like
  <span
    title="This is a
multiline title"
    >example</span
  >.
</p>
結果 title 属性の継承

要素に title 属性がない場合、属性値は親ノードから継承され、さらにそれはその親ノードから継承されるというようになります。

この属性が空文字列に設定されると、その祖先の title が関係なく、この要素のツールチップとして使用するべきではないことを意味します。

HTML 
<div title="CoolTip">
  <p>Hovering here will show "CoolTip".</p>
  <p title="">Hovering here will show nothing.</p>
</div>
結果 アクセシビリティの考慮

title 属性を使用することは、次のような人々にとって大きな問題になります。

これは、ブラウザーが表示するページを追加支援技術が解釈することによる複合性について、ブラウザーの互換性に一貫性がないためです。ツールチップ効果が必要であれば、上記の閲覧方法でもアクセスできるもっとアクセシブルな技術を使用する方が効果的です。

仕様書 ブラウザーの互換性 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4