The presentation and opening method of hyperlink a

The presentation and opening method of hyperlink a
<br />Related articles: How to prompt and open hyperlink a
Manifestation <br />The troubles encountered by users or designers:
1. Users cannot tell whether it is a link or not. They have to move the mouse over the target and wait for it to turn into a hand shape to confirm that it is a link.
2. Unified link color is not conducive to interface design.
analyze:
The blue underline represented by baidu/google is the most classic link style, which directly reflects whether it is clickable/clicked. However, different websites have their own styles, and it is impossible to make them all have the same link style, which will greatly limit the design. I divide links into recommended clicks (article titles, etc.), prompt clicks (author name, "more", links within paragraphs, etc.), and functional links (navigation, buttons, etc.).
Solution:
It is recommended to use clickable links and set a default link color so that people can know that it is a clickable link as soon as they see the font of this color, such as blue. Make sure this color is darker than the normal text color so it is easier to distinguish.
To indicate clickable links, the color of such links should often be designed to be the same as the surrounding text, so underlining is the best way.
Functional links, such as navigation links and buttons, are clickable at first glance and do not need to be distinguished by color or underline. They can be customized.
How to open <br />Trouble encountered by users:
1. There are too many pop-up windows, which fill up the entire screen and even freeze the computer.
2. All jumps are to this page. If you want to view other contents on the previous page, you need to go back.
analyze:
Most traditional websites prefer pop-up links to occupy the user's screen, while 2.0 websites prefer to jump to the current page and believe that pop-ups are very unfriendly. Why should users go to the previous page to click another link? Because the current page does not have a link to the previous page or the previous page has filterable content of the same level, such as a list of articles. The most ideal way to open the page should be to jump to this page or open a new tab.
Solution:
Links in a list, such as a group of news headlines, open in a pop-up window.
Functional links, such as navigation, categories, paging, "more" and similar links, will open a window to jump to this page.
External links, such as text links within friendly links paragraphs, use pop-up windows to open.
Users can choose to open it by right-clicking and selecting "Open in a new tab" or setting the browser to "Always open pop-up windows in a new tab".

<<:  Simple example of limit parameter of mysql paging

>>:  Two ways to exit bash in docker container under Linux

Recommend

HTML table tag tutorial (11): horizontal alignment attribute ALIGN

In the horizontal direction, you can set the alig...

HTML tutorial, HTML default style

html , address , blockquote , body , dd , div , d...

Detailed instructions for installing Jenkins on Ubuntu 16.04

1. Prerequisites JDK has been installed echo $PAT...

Detailed tutorial on installing MySQL database on Alibaba Cloud Server

Table of contents Preface 1. Uninstall MySQL 2. I...

Solve the problem that Docker cannot ping the host machine under Mac

Solution Abandon the Linux virtual machine that c...

A simple method to modify the size of Nginx uploaded files

Original link: https://vien.tech/article/138 Pref...

Detailed installation and use of virtuoso database under Linux system

I've been researching some things about linke...

Detailed explanation of WeChat Mini Program official face verification

The mini program collected user personal informat...

Detailed explanation of docker network bidirectional connection

View Docker Network docker network ls [root@maste...

js to realize the rotation of web page pictures

This article shares the specific code of js to re...

Vue: Detailed explanation of memory leaks

What is a memory leak? A memory leak means that a...

XHTML introductory tutorial: Use of list tags

Lists are used to list a series of similar or rela...

How to implement the singleton pattern in Javascript

Table of contents Overview Code Implementation Si...