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

Vue implements multi-grid input box on mobile terminal

Recently, the company has put forward a requireme...

Implementation of React star rating component

The requirement is to pass in the rating data for...

Don't forget to close the HTML tag

Building web pages that comply with Web standards ...

Summary of the differences between count(*), count(1) and count(col) in MySQL

Preface The count function is used to count the r...

Use non-root users to execute script operations in docker containers

After the application is containerized, when the ...

A brief discussion on the magic of parseInt() in JavaScript

cause The reason for writing this blog is that I ...

Ubuntu 18.04 MySQL 8.0 installation and configuration method graphic tutorial

This article shares the installation and configur...

Implementation of vue+drf+third-party sliding verification code access

Table of contents 1. Background 2. Verification p...

Solution to "No input file specified" in nginx+php

Today, the error "No input file specified&qu...

ES6 loop and iterable object examples

This article will examine the ES6 for ... of loop...

In-depth understanding of Worker threads in Node.js

Table of contents Overview The history of CPU-bou...