ハイパーリンクアイコンの仕様: 記事の読みやすさを向上

ハイパーリンクアイコンの仕様: 記事の読みやすさを向上

1. ハイパーリンクアイコンの仕様とは?<br />ハイパーリンクアイコンの仕様は、「CSS によるテキストリンクのアイコン化」に基づいて変更および調整されています。主な目的は、よく使用されるアイコンをいくつか選別し、それらを 1 つの画像に統合して、画像に対するサーバー要求の数を減らすことです。この CSS フレームワークにより、リンク ファイルの種類にアイコン マークが追加されます。記事の読みやすさを向上します。
超鏈接圖標規范V1.0
2. ハイパーリンク アイコン仕様はどのようなファイル形式をサポートしていますか?<br />現在、リンク イメージ アイコンは 21 のファイル形式で提供されています。含まれるもの: doc、txt、zip、rar、exe、gif、jpg、bmp、pps、fla、swf、ttf、mov、avi、wmv、mp3、wmv、wav、rss、opml、xpi およびその他の形式
3. このCSSフレームワークの使い方
アイコンを含む背景画像 bg.gif を images フォルダに配置し、style.css をページにインポートします。背景画像の保存アドレスを変更する場合は、CSS で背景画像のアドレスを変更する必要があります。
4. ダウンロードアドレス
https://www.jb51.net/files/soft/link-style.rar
5. ブラウザのサポート<br />残念ながら、IE6 はこのハイパーリンク アイコン仕様をサポートできません。もちろん、JavaScript を通じてサポートすることも可能です。
現在、このハイパーリンク アイコン仕様セットは、一般的に使用される一部のファイル タイプのみをサポートしており、多くのファイル タイプで同じアイコンが使用されています。たとえば、avi、mov、wmv などです。 UI の専門家が著作権のあるアイコンのセットを提供してくれることを願っています。また、ハイパーリンク アイコンの仕様セットを改善するために、皆様から貴重なご提案をいただければ幸いです。

<<:  JS正規RegExpオブジェクトについての簡単な説明

>>:  フィールドを結合するSQL関数

推薦する

スクロールバーがスペースを占有することで発生するバグを修正しました

背景このバグは滾動條占據空間ことで発生していました。いくつかの情報を確認して、ようやく解決しました。...

DockerはホストのMysql操作に接続します

今日、会社のプロジェクトでは docker を設定する必要があります。Windows に正常にインス...

ReactにおけるuseRefの具体的な使い方

React の経験がある人なら、コンポーネントインスタンスオブジェクトや DOM オブジェクトを取得...

Vueトップタグ閲覧履歴の実装

目次ナンセンス実装された機能文章要点ナンセンスデモプレビュー実装された機能デフォルトでホームページが...

Vue+elementUI コンポーネントは、折りたたみ可能な動的レンダリングのマルチレベル サイドバー ナビゲーションを再帰的に実装します。

かなり前に実装された機能ですが、クリックすると選択したメニュー項目の背景色が白くなることに気付きまし...

QQブラウザ機能を実装するためのCSS

コード知識ポイント1. fullpage.jsを組み合わせてフルスクリーンスクロールを実現する2. ...

JS はシンプルな todoList (メモ帳) 効果を実装します

メモ帳プログラムは、HTML + CSS + JavaScript の 3 つの主要なフロントエンド...

Vue プロジェクトでの支払い機能の実装 (WeChat 支払いと Alipay 支払い)

目次プロジェクトにおける一般的な支払い方法Alipay決済微信ペイプロジェクトにおける一般的な支払い...

デジタル時計効果を実現するJavaScript

この記事では、デジタル時計効果を実現するためのJavaScriptの具体的なコードを参考までに紹介し...

Dockerでイメージ情報を表示する方法

この記事では、Dockerでイメージ情報を表示する方法を学ぶ必要があります。 1. imagesコマ...

Tomcat9 のダウンロード、インストール、設定 + Eclipse への統合に関する詳細なチュートリアル

トムキャット公式サイトtomcatはローカルサーバーと同等であり、Webページを開くことができます設...

Dockerコンテナデータをコピーしてバックアップする方法の詳細な説明

ここでは、Jenkins コンテナを例に 3 つの方法を紹介します。方法1コンテナをイメージにパッケ...

MySQL の binlog ログと、binlog ログを使用してデータを回復する方法を説明します。

ご存知のとおり、binlog ログは MySQL データベースにとって非常に重要です。万が一、データ...

Chrome プラグイン (拡張機能) 開発ガイド (完全デモ)

目次前面に書かれた序文ChromeプラグインとはChrome プラグイン開発を学ぶことの意義は何です...

Alibaba Cloud ドメイン名と IP バインディングの手順と方法

1 Alibaba Cloud コンソールに入り、ドメイン名コンソールを見つけて、バインドするドメイ...