Hyperlink icon specifications: improve article readability

Hyperlink icon specifications: improve article readability

1. What is the hyperlink icon specification ?<br />The hyperlink icon specification is modified and adjusted based on "Iconize Textlinks with CSS". The main purpose is to sort out some commonly used icons and integrate them into one picture to reduce the number of server requests for the picture. Through this CSS framework, an icon mark is added to the type of link file. Improve the readability of the article.
超鏈接圖標規范V1.0
2. What file formats does the hyperlink icon specification support ?<br />Currently, link image icons are provided for 21 file formats. Including: doc, txt, zip, rar, exe, gif, jpg, bmp, pps, fla, swf, ttf, mov, avi, wmv, mp3, wmv, wav, rss, opml, xpi and other formats
3. How to use this CSS framework
Place the background image bg.gif containing the icon in the images folder and import style.css into the page. If you change the background image storage address, you need to modify the background image address in CSS.
4. Download address
https://www.jb51.net/files/soft/link-style.rar
5. Browser support <br />Unfortunately, IE6 cannot support this set of hyperlink icon specifications. Of course, support for it can be achieved through javascript.
Currently, this set of hyperlink icon specifications only supports some commonly used file types, and many file types use the same icon. For example, avi, mov, wmv. I hope some UI expert can provide a set of copyrighted icons. We also hope that everyone will put forward their valuable suggestions to improve this set of hyperlink icon specifications.

<<:  A brief discussion on JS regular RegExp object

>>:  SQL function to merge a field together

Recommend

Specific usage of fullpage.js full screen scrolling

1.fullpage.js Download address https://github.com...

5 Commands to Use the Calculator in Linux Command Line

Hello everyone, I am Liang Xu. When using Linux, ...

Use Visual Studio Code to connect to the MySql database and query

Visual Studio Code is a powerful text editor prod...

How to use explain to query SQL execution plan in MySql

The explain command is the primary way to see how...

Solutions to MySQL batch insert and unique index problems

MySQL batch insert problem When developing a proj...

Implementation steps for building FastDFS file server in Linux

Table of contents 1. Software Package 2. Install ...

Install Kafka in Linux

Table of contents 1.1 Java environment as a prere...

Self-study of MySql built-in functions knowledge points summary

String functions Check the ascii code value of th...

Semantics, writing, and best practices of link A

The semantics, writing style, and best practices ...

How to use vue-cli to create a project and package it with webpack

1. Prepare the environment (download nodejs and s...

How to install multiple mysql5.7.19 (tar.gz) files under Linux

For the beginner's first installation of MySQ...

Docker configuration Alibaba Cloud Container Service operation

Configuring Alibaba Cloud Docker Container Servic...

Detailed analysis of MySQL 8.0 memory consumption

Table of contents 1. innodb_buffer_pool_size 2. i...

Vue3 compilation process-source code analysis

Preface: Vue3 has been released for a long time. ...