web-dev-qa-db-ja.com

略語を表示できますが、HTMLに全文を含めることはできますか？

複数の場所で、一連の単語にリンクされた略語を使用しており、Googleはこれらの短縮された用語をサイトリンクとして選択しています。問題は、Googleサイトのリンクを表示するときではなく、コンテキストでのみ意味が意味をなすことです。

各リンクには、全文のタイトルがあります。最初の3文字のみを表示し、HTML内の文字列全体を保持する方法はありますか？短い幅を設定してもうまくいきません。

seositelinks
3
DisgruntledGoat

CSSディレクティブ：

a.abbrev span { display:none; }

リンク：

<a href="..." title="Full Text" class="abbrev">FT<span> (Full Text)</span></a>

更新：...それほどlessい解決策ではなく、他の探索手段がおそらく望ましい結果をもたらさない理由。

CSSディレクティブ：

a.abbrev span {
  display:block;
  float:left;
  width:1em;
  letter-spacing:2em;
  overflow:hidden;
}

リンク：

<a href="..." title="Full Text" class="abbrev"><span>Full</span> <span>Text</span></a>

動作しないもの：

F<span>ull</span> T<span>ext</span>でdisplay:noneを使用すると、リンク内の<span>タグがスペースとして表示されます。つまり、リンクはGoogleで「F ull T ext」として表示されます。

<acronym title="Full Text">FT</acronym>-展開されません

<abbr title="Full Text">FT</abbr>-<acronym>と同様に、これがサイトリンクの目的のために拡張されることは非常に疑わしい

CSS :not()selector ：:first-letterは疑似クラスであり、:not()セレクターは疑似クラスを受け入れません

2
danlefree

次のように略語タグを使用できます。

<abbr title="Hypertext Markup Language">HTML</abbr>
1
Piers Karsenbarg