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)

How to build a deep learning environment running Python in Docker container

Some questions about hyperlinks

How to build a deep learning environment running Python in Docker container

10 ways to view compressed file contents in Linux (summary)

Detailed explanation of the differences and usages of Linux system shutdown commands

javascript realizes 10-second countdown for payment

MySQL index cardinality concept and usage examples

CSS shadow animation optimization tips

Selection and thinking of MySQL data backup method

What is flex and a detailed tutorial on flex layout syntax

Detailed explanation of Linux command unzip

Solve the problem of 8 hours difference between docker container and host machine

Recommend

Mysql 5.7.19 free installation version encountered pitfalls (collection)

Example code for implementing dynamic skinning with vue+element

Webpack loads css files and its configuration method

5 tips for writing CSS to make your style more standardized

Several ways to hide Html elements

Detailed explanation of how to connect to MySQL database using Java in IntelliJ IDEA

Simple usage example of vue recursive component

MySQL 5.7 JSON type usage details

How to use nodejs to write a data table entity class generation tool for C#

Detailed explanation of common template commands in docker-compose.yml files

Examples of using Docker and Docker-Compose

HTML Tutorial: Definition List

Implementation code for saving images to MySQL database and displaying them on the front-end page

MySQL master-slave replication configuration process

Introduction to MySQL database performance optimization