タイトルで完全な解決策が表示できない場合_体験交流

WBOY
リリース: 2016-05-16 12:05:36
オリジナル
2058 人が閲覧しました

実は非表示の制御にはcssを使うのがおすすめ
つまりデザインの幅の関係でタイトルが完全に表示されず、テキストを切り詰めるプログラムを使っているようです。多くの Web サイトがこの状況に遭遇すると思います。視覚効果については、Web サイト全体の視覚効果を満たすために、切り詰められた表示を実行する必要があります。通常、切り詰めには 2 つの方法があり、1 つはバックグラウンド出力時に事前に一定の文字数を設定する方法です。もう 1 つは、CSS または JS を使用して、出力された完全なコンテンツを視覚的にクリップすることです。

Web 標準が普及していないとき、この問題を解決するには基本的に最初の方法が使用され、現在でもこの方法が広く使用されています。この方法のメリットは文字数を正確にカットできることですが、バックグラウンドでカット作業が完了しているため、出力内容が不完全になる可能性があることがデメリットとなります。 2 番目のタイプは、CSS または JS を介して行われる欺瞞です。一定の長さを超えるコンテンツを非表示にします。必要な視覚効果を実現するために、完全なデータ コンテンツを保持できるという利点がありますが、IE 以外のブラウザによってインターセプトされたテキストが完全ではないという欠点がある可能性があります。たとえば、Firefox では単語の半分が切り捨てられるという恥ずかしい現象がよく発生します。

私が聞きたいのは、「タイトルの不完全性はユーザーのクリック意欲に影響を与えるでしょうか?」ということです。私は大胆にも次の結論を出します: タイトルの不完全性は、ユーザーが大きなページをクリックするかどうかに影響します。範囲 メッセージの動機。ここでは Youai.com のニュース見出しを分析に使用します。ウェブサイトには「米国が新たなユーザーインターフェース技術を発明し大活躍」というニュース見出しがあり、これは機械的に切り取られた見出しである。私たちの好奇心がそのようなタイトルによって刺激されるかどうかは、もちろん可能です。しかし、私たちの理解は次のとおりかもしれません:「米国は新しいユーザー インターフェイス技術を発明し、それを自慢している...これはフェイク ニュース対策だ。両社は自慢しているのかもしれない。」そうすれば、そのようなゴシップニュースは聞かなくなります。興味があります。ただし、完全なタイトルは「米国は、息を吹きかけることでコンピュータを操作できる新しいユーザー インターフェイス技術を発明した。」である必要があります。私はそのようなタイトルのほうに興味があります。なぜこれが息を吹きかけるだけでコンピュータを操作できるのか知りたいです。これは私です。私が考えたこともなかったものです。このように、私はこのニュースをクリックして見ることに非常に興味を持ちます。比較してみると、私たちの好奇心を最も刺激するのは、実は「打撃操作」であることがわかります。これが新しいテクノロジーの核心です。これはこのニュースの核心的な内容でもあります。

もちろん、場合によっては切り捨てが必要になります。そうしないと、ウェブサイト全体が非常に乱雑に見えてしまいます。したがって、一般的な解決策は、リンクに「タイトル」属性を追加することです。このような意味が不明瞭なタイトルに遭遇した場合、私は通常、マウスを移動してプロンプト領域のテキストを表示し、より完全なタイトル情報を取得します。これでニュースをクリックするかどうかの判断が完了しました。ただし、Youai.com のタイトルリンクのタイトル属性がタイトルの内容と同じであるため、タイトル属性の意味が大幅に薄れてしまうのが残念です。

デザインする際にはタイトルを可能な限り完全に表示することはもちろんですが、特殊な事情で完全に表示できない場合は、title属性も可能な限り完全に表示するように努めなければなりません。また、Firefox には CSS の切り捨てに欠陥がありますが、それでも私は切り捨ては CSS によって行われるべきだと考えています。少なくともこの方法で、完全な HTML 情報ドキュメントを取得できます。 CSS がない場合でも、少なくとも完全な情報コンテンツを確認できます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート