Some questions about hyperlinks

Some questions about hyperlinks

I am very happy to attend this episode of potato chips party and meet a few friends. Unexpectedly, I have to summarize it today. I am very happy to attend this episode of potato chips party and meet a few friends. Unexpectedly, I have to summarize it today.
We discussed three topics in this potato chip meeting :
A. How to make it easier for “users” to identify hyperlinks?
B. Do hyperlinks have to be underlined?
C. Is it a button or a link?
1. How to make it easier for “users” to identify hyperlinks?
It feels like a link, but it also feels like no link. We looked at a few examples together.
Sina:

Some are underlined in red, some are not underlined in red, and some are underlined in blue. This gives people the feeling that everything can be clicked and there are links everywhere. But the interface is very aesthetically pleasing.
Yahoo:

In the picture, 1, 3, and 4 are all links, but 2 is the main text and cannot be linked. At first glance, it is difficult to tell which is a link and which is not, until you move the mouse over them, you suddenly realize what they are.
Although this default approach of not underlining makes the overall interface very beautiful, it increases the difficulty of distinguishing. I don't know what to do when I look around.
Amazon:

Amazon's website links are handled very cleverly. The main text contains links, and the non-linkable parts are in black text, while the linkable parts are underlined in blue. In addition, its categories are not underlined, but everyone thinks that categories do not need to be underlined.
Everyone agrees with Amazon's approach.
After discussion, no unanimous conclusion was reached, but there were some relatively consistent tendencies, such as categories do not need underscores. To distinguish links clearly, the simplest way is to use blue underline. For a website, if underlining is not used, links and non-links must be distinguished by different colors, and the colors of links should be the same.
Previous Page 1 2 Next Page Read Full Article

<<:  How to install mysql8.0.23 under win10 and solve the problem of "the service does not respond to the control function"

>>:  Pure CSS to achieve horizontal line animation under the element (background-image)

Recommend

CSS World--Code Practice: Image Alt Information Presentation

Using the <img> element with the default sr...

Analysis of two usages of the a tag in HTML post request

Two examples of the use of the a tag in HTML post...

CSS3 achieves infinite scrolling/carousel effect of list

Effect Preview Ideas Scroll the current list to t...

A detailed explanation of how React Fiber works

Table of contents What is React Fiber? Why React ...

Vue implements upload component

Table of contents 1. Introduction 2. Ideas Two wa...

Solve the problem that await does not work in forEach

1. Introduction A few days ago, I encountered a p...

How to use React to implement image recognition app

Let me show you the effect picture first. Persona...

Common CSS Errors and Solutions

Copy code The code is as follows: Difference betw...

Detailed explanation of BOM and DOM in JavaScript

Table of contents BOM (Browser Object Model) 1. W...

MySQL slow query pitfalls

Table of contents 1. Slow query configuration 1-1...

Vue button permission control introduction

Table of contents 1. Steps 1. Define buttom permi...

Interpretation of 17 advertising effectiveness measures

1. 85% of ads go unread <br />Interpretatio...

How to use nginx as a load balancer for mysql

Note: The nginx version must be 1.9 or above. Whe...

How to use Dockerfile to create a mirror of the Java runtime environment

The current environment is: Centos 7.5 docker-ce ...