問題タブ [abbr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
218 参照

html - 'abbr' 要素: 用語全体を含むべきか、それとも省略された部分のみを含むべきか?

HTML5 要素abbrは、略語と頭字語をマークアップするために使用されます。

残念ながら、仕様では頭字語"WHATWG"、"WG" 、および "IOFGA"の例しか示していません。

完全に省略されていない単語があります。たとえば、次のとおりです。

  • HTML5

代替案の例:


私は必ずしも実用的な答えを探しているわけではありません。セマンティック、仕様、およびアクセシビリティの観点にもっと興味があります。

たとえば、すべての異なるスクリーンリーダーが何を読み取るかを知りたいです (略語をアナウンスするように構成されている場合、少なくとも Jaws ではデフォルトではありません)。

0 投票する
2 に答える
303 参照

html - 省略形タグの内側の大文字または小文字?

HTML5はMicrosoftのタグをサポートしていないため、省略形要素を使用する必要があります。<acronym>

キャピタライゼーションに関しては、そのようなケースは明らかです。キャピタライズする必要があります。

ただし、単語自体が通常コンテキストで大文字になっていない他のコンテキストについてはどうでしょうか。

例えば:

タイトルと実際のテキストを入れ替えれば、それで問題ないようです。

しかし、マウスをホバーすると、少し奇妙に見えます。

CTOホバー

同じことが当てはまります:

略語と実際のテキストが入れ替わっていれば意味がありますが、ホバリングも少し「奇妙」に見えます。

ここに画像の説明を入力してください

さて、略語をタイトルのように大文字にするとどうなるでしょうか。

例えば:

略語の代わりにを使用した場合はtitleそうなりますが、マウスオーバーすると「より良い」ように見えます。

ここに画像の説明を入力してください

しかし、意味的に正しいのは何ですか?

0 投票する
5 に答える
183 参照

c# - C# で生成される奇妙なタグ

GetText()次の場所で呼び出されている私の質問に関連する次の機能があります。

GetText は次のようになります。

したがって、基本的に、私がやりたいことは、Web ページに次の HTML を含めることができることだけです。

しかし、謎のタグが出現。Google Chrome でコンソールを確認すると、次のように表示されていました。

行を追加すると不要なタグが生成されます。sb.Append("<\abbr>"); これはその行を削除すると修正されますが、これによりコードがぎこちなく見えるため、より良い解決策を見つけたいと考えています。

複数行の代わりに次のことも試しましsb.Appends()たが、余分なテキストはまだ表示されています。

注: Text は、表示したいテキストと等しい文字列であると仮定します。

0 投票する
1 に答える
893 参照

html - タイトル属性内にタグをネストすることは可能ですか?

この問題は、アクセシビリティ(508)への準拠に関するものです。

ツールチップに表示されるtitle属性のリンクがあります。そのツールチップの中には、略語「Dr」があります。<abbr>スクリーンリーダーに「dur」ではなく「doctor」と表示させるには、 2行目のように略語をタグで囲む必要があります。

ただし、タイトルタグ内でabbrタグを使用すると、ポップアップツールチップに次のように表示されます。

これは、altまたはtitle属性内にabbrタグをネストできないことを意味すると思います。そうすることで、タグは常に通常のテキストとして表示されます。同意しますか?回避策はありますか?これに対する答えはどこにも見つからないので、StackOverflowに初めての質問を送信します。他のほとんどの投稿の雄弁さを私が十分に持っていない場合は、すみません。

0 投票する
1 に答える
54 参照

html - を介して適切な選択を行う方法鬼ごっこ?

以下は私のxmlコードです:

上記のコードでは、次のように xslt 出力が必要です。

私は次の XSLT コードを書きました:

そして私は得た:

どこで私は間違えましたか?

の出力

(世界保健機関 + 誰)

今、私は最初の部分を望んでいません。どうすればこれを達成できますか?

0 投票する
1 に答える
972 参照

ajax - Timeago が ajax 呼び出しで機能しない

このプラグインを使用してtimeago を計算していますが、ajax 呼び出しでコンテンツをロードすると機能しません。

このために2つのフィドルを作成しました。確認working fiddle してくださいnot working fiddle

2番目の何が問題なのか誰か教えてもらえますか?

0 投票する
3 に答える
1531 参照

javascript - jqueryで「abbr」属性に特定の値を持つ要素を選択するにはどうすればよいですか

私のhtmlの一部は次のとおりです。

そして、属性'selectme'を持つtd内にある「div外のテキスト」を選択しようとしています。jqueryでそれを達成するにはどうすればよいですか?

私はこのように試しました:

しかし、それは何も返しません。

0 投票する
1 に答える
4286 参照

html - テーブルの見出しセルにホバー テキスト

列のデータについて何かを説明するツールチップをテーブル ヘッダー セルに表示する意味的に正しい方法はありますか?

私のテーブルは次のようになります。

「Pageviews」テキストに「Week / Total」(データがそのように見える理由を説明する)というツールチップが必要です。

abbrが使用する正しい要素はありますか? (次のようになります:<th><abbr title="Week / Total">Pageviews</abbr></th>より良いものを見つけることができないようです。定義では、略語に使用することになっていると書かれていますが、これは私の場合ではありません。