1

迅速なコーディングと退屈な作業の削減のために、JavaScript を使用せずに HTML アンカーのコンテンツをその値として自動生成できるかどうかを知りたいですhref。これを使用するアプリケーションには、JavaScript ソリューションが大幅な遅延を引き起こすのに十分な大きさのページがあります。

例：

<a href="http://example.com" class="autofill"></a>

これは可能ですか？W3C準拠ですか？なぜですか、そうでないのですか？

4

1 に答える 1

2

はい、ある程度。CSS2contentプロパティとその値を使用して、アンカーの属性attrの値を取得できます。href例えば：

<style>
.autofill:after {
  content: attr(href);
}
</style>

<a href="http://example.com" class="autofill"></a>

http://jsfiddle.net/aA4Em/2/

これは、クロスブラウザーでの動作が保証されていません! たとえば、現在のバージョンの WebKit (Safari、Chrome、Yandex、Rockmelt、多くのモバイル ブラウザーなど) では、リンク テキストは表示されますが、クリックすることはできません。とはいえ、Presto (Opera、まもなく WebKit に置き換えられる予定)、Trident (Internet Explorer)、および Gecko (Firefox、Waterfox など) の現在最も使用されているバージョンで期待どおりに機能します。

これが W3C に準拠しているかどうかはわかりません (空のアンカーが W3C に準拠しているかどうかさえわかりません)。

アップデート

この編集 (2013-04-30) の時点で、Google のChromiumプラットフォームのフレーバーである Webkit (Chrome、Yandex、Rockmelt、多くのモバイル ブラウザーなど) と Blink (現在は Chrome Canary のみ)により、ユーザーはアンカー疑似要素をクリックできるようになりました。依然として Apple の WebKit のフレーバーで動作する Safari では、これはまだ許可されていません。

于 2013-03-28T17:32:30.497 に答える