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

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

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関数

推薦する

HTMLのリストタグを数える

1. <dl>はリストを定義し、<dt>はリスト内の項目を定義し、<d...

Nginxポーリングアルゴリズムの基本的な実装方法の詳細な説明

ポーリングアルゴリズムの紹介多くの人が職場で nginx を使用しており、その設定に精通しています。...

Tomcat で複数の war パッケージを展開する方法と手順

1 背景JDK1.8-u181とTomcat8.5.53がインストールされました。インストール後、環...

mysql バッチで大量のデータを削除する

mysql バッチで大量のデータを削除する1000万件のレコードを持つテーブル(syslogs)があ...

mysql の追加、削除、変更、クエリの基本ステートメント

文法以下は、MySQL テーブルにデータを挿入するための INSERT INTO コマンドの一般的な...

CocosCreator でカメラトラッキングに cc.follow を使用する方法

Cocos Creator バージョン: 2.3.4デモのダウンロード: https://files...

Vue 組み込みコンポーネントのキープアライブでの LRU アルゴリズムの使用

目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...

mysqldumpデータエクスポートの問題に関する詳細な議論

1. mysqldump の使用時にエラー (1064) が報告されます。これは、mysqldump...

MySQL データベースの手動およびスケジュールされたバックアップ手順

目次手動バックアップタイマーバックアップ手動バックアップ1) cmd コンソール: mysqldum...

Vueはルールを使用してフォームフィールドの検証を実装します

Vue でフォーム フィールドを記述および検証する方法は多数あります。このブログでは、より一般的に使...

Vueを使用して手書き署名機能を実装する

個人的な実装のスクリーンショット:インストール: npm インストール vue-esign --sa...

CSS3は遷移を高速化し、遅延させる

1. 速度制御機能を使用して、トランジション効果(加速、減速など)の速度曲線を制御します。速度制御機...

Nginx操作応答ヘッダー情報の実装

前提条件: ヘッダー情報操作をサポートするには、ngx_http_headers_module モジ...

Element-UI の Select と Cascader にポップアップ下部アクション ボタンを追加する方法

下図のように、 selectポップアップレイヤーの下部に操作ボタンを配置するのが一般的な設計方法です...

Dockerイメージの作成とプロジェクト全体のワンクリックパッケージングとデプロイ

一般的な Dockerfile 命令の紹介命令説明するから新しいイメージが構築される基となるイメージ...