ウェブデザインにおける2種類のタブアプリケーション

ケース2 ：Taobaoのホームページには3つのタブデザインがありますが、よく見るとそれぞれ異なっていることがわかります。さらに混乱するのは、ホームページにはタブのデザインが 3 つしかないのに、それぞれ異なるのはなぜかということです。 1 つのページに複数のフロントエンドの介入が必要ですか?

現在、Web デザインではタブが広く使用されていますが、一般的に次の 2 つのタイプに分けられます。 1 つ目は、マウスをクリックして切り替えるタイプです。この場合、タブにはリンクはありません (ただし、選択したタブ領域に [その他] または [その他] リンクが追加されます)。 2番目のタイプはマウスホバー切り替えです。この場合、多くのタブにリンクが追加されているため、a:hover が有効になり、マウスがドッキングされたときにスライドダウンまたはカラープロンプトが表示されます。実際、これはノーマンのデザイン哲学における、ユーザーに適切なフィードバックを提供する実践でもあります。 実際のケースでは、良いデザインもあれば、私が同意できないデザインもありました。ここで簡単に共有したいと思います。 ケース 1 : Yahoo US ホームページは最初のタブ デザインに属しますが、右下隅のボックスに注意してください。

最初のタブは、追加のリンクなしで、ボタンをクリックして切り替えられるように設計されています。 （トップ）

2 番目のタブのデザインはフローティング スイッチですが、タブ上のリンクをフィードバックする a:hover がありません。 （フラット）

3 番目のタブのデザインはフローティング スイッチで、タブに:hover フィードバック リンクを追加します。 （トップ）

ケース3 : QQポップアップウィンドウ。

最も人気のない QQ ポップアップ ウィンドウ。タブにリンク フィードバックがありません。qq.com のトラフィックの多くがこの方法で無意識のうちに詐欺されていると私は考えています。 （フラット）
段落を挿入: QQ ポップアップ ウィンドウのデザインについては、常に不満がありました。5 つのタブしか保持できないスペースに、実際には間接的に 7 つのタブが保持されるため、タブを左右にスクロールするデザインが必要です。一見重要ではないが、より目立つ [ページ カードをドラッグして並べ替えることができます] を追加することに関して、実際の価値はどれくらいあるのでしょうか。