Web Front-end
CSS Tutorial
Instructions for use of underlining in hyperlinks_Experience exchange
Instructions for use of underlining in hyperlinks_Experience exchange
关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击，还是有争议的，不同的人，不同的环境会有不同的见解。
不妨分几个场景讨论一下：
1. 导航区域，潜意识我会去点击。
即便有下划线也是个“古老形式”的摆设，所以一般没有下划线；好的设计不仅满足点击，还满足视觉的层级关系。
2. 整页全是链接，下划线成了可有可无的表现。
象新浪、搜狐首页都是可以点击的，所以下划线的有无意义也就不大，猫扑在首页设计中就去
掉了可有可无的下划线。（下图自上而下依次为：新浪、搜狐、猫扑。）.gif)
3. 可以点击吗？别让我去猜！
看下面的设计抓图，只有Google和百度的设计我没有疑惑，其他两个的设计我要自己去猜。
4. 在超链接和文本混排的情况下，下划线更容易让我们去点击。
5. 独立超链接，不加下划线不足以“明示”。
6. 需要特别突出显示的链接，必要的时候使用“伪按钮”。
关于伪按钮的问题，臭鱼在其接受伪按钮已阐述的比较明确，在此不再赘述。
说明：大家根据具体的环境而定，目的是让超链接更容易被潜意识的点击，避免过多的尝试和思考而浪费浏览者更多的时间。
附：超链接的作用
罗嗦一下基本概念，所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
超链接的基本分类：
- According to different link paths, hyperlinks in web pages are generally divided into the following three types: internal links, anchor links and external links.
- According to the different objects of use, links in web pages can be divided into: text hyperlinks, image hyperlinks, E-mail links, anchor links, multimedia file links, empty links, etc.
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1359
52
How to use OnePlus budsPro_OnePlus budsPro instructions
Mar 23, 2024 am 10:11 AM
1. Switch between noise reduction mode and transparency mode. Press and hold the handle of the earphones for about 1 second to switch between noise reduction mode and transparency mode. 2. In music mode, press the earphone handle once to pause or play music. Press the earphone handle twice to play the next song. Press the earphone handle three times to play the previous song or wake up the voice. 3. In call mode, during a call, press the earphone handle once to answer or hang up the call. 4. How to reset Open the earphone box. When the charging box indicator light flashes red 5 times, release the button and the earphones are reset. 3. How to connect the phone 1. Open the charging box 2. Press and hold the setting button for 2 seconds 3. When a pop-up window appears on the phone screen, click to confirm the connection. 4. How to check the battery status 1. When the earphones are connected to the mobile phone, you can check the battery level of the earphones and charging box in the pop-up window on the mobile phone screen. 2,
Instructions for accessing and using the payment function of UniApp
Jul 04, 2023 am 10:27 AM
Instructions for accessing and using the payment function of UniApp. With the popularity of mobile payment, many applications need to integrate payment functions to facilitate users to make online payments. As a cross-platform development framework based on Vue.js, UniApp has the characteristics of one-time development and multi-platform use, and can easily implement the payment function. This article will introduce how to access the payment function in UniApp and give code examples. 1. To access the payment function, add payment permissions in the manifest.json file on the App side:
How to use the Hyperf framework for multilingual processing
Oct 20, 2023 am 11:10 AM
How to use the Hyperf framework for multi-language processing Introduction: With the globalization of the Internet, multi-language processing has become an essential skill for the development of many applications. In web application development, it is very important to be able to support multiple languages because it can help you better meet the needs of different users. This article will introduce how to use the Hyperf framework for multi-language processing and provide specific code examples. Install the Hyperf framework First, we need to install the Hyperf framework. You can use the composer command to
Filter data with advanced filtering options
Feb 18, 2024 pm 02:11 PM
How to filter data using advanced filtering In daily work, filtering large amounts of data is a very common and important task. The conventional filtering function may not be able to meet the needs for more precise and complex filtering of data. To solve this problem, many office software provide advanced filtering functions that can help users filter data more efficiently. This article explains how to use advanced filtering features to filter data. Step 1: Prepare data Before using the advanced filtering function, you first need to prepare the data to be filtered. Make sure the data is complete
Detailed instructions for using cookies
Feb 22, 2024 pm 12:21 PM
Cookies are a common web technology used to store information about users' personal preferences and behavior on websites. In today's digital age, almost all websites use cookies to provide personalization and a better user experience. This article will introduce the use of cookies in detail to help users better understand and master this technology. First, let's understand the basic concept of cookies. Cookies are small text files stored on the user's browser by the website and contain information about the user's visit to the website.
How to use the video recording function in uniapp
Jul 06, 2023 pm 06:51 PM
How to use the video recording function in uniapp Today, the author will introduce to you how to use the video recording function in the uniapp development framework. uniapp is a cross-platform development framework. We can run our applications on multiple platforms at the same time based on the code written once, which is very convenient for developers. In uniapp, we can use the uni-AD-IN camera component to implement the video recording function. First, we need to install uni-
How to use win7activation activation tool
Jul 17, 2023 pm 08:37 PM
The win7 system, like other windows systems, needs to be activated to use all functions. So how to activate win7? The commonly used method is to use win7 activation code or win7 activation tool, and the easier to use is the win7activation activation tool. The editor below will introduce to you how to use the win7activation activation tool. The specific method is as follows: 1. First download "WIN7Activation" (Win7 activation tool) online, copy the program to your computer, and double-click it to open it. 2. Then click directly: Activate, and the activation state will automatically begin. 3. After the program activates the win7 system, a prompt pops up, click: Yes. 4. Restart
How to use the Hyperf framework for API interface development
Oct 21, 2023 am 10:15 AM
How to use the Hyperf framework for API interface development Preface In current Web development, API interfaces have become an indispensable part. Hyperf is a high-performance framework based on Swoole and PHP coroutines. It provides various tools and components to facilitate developers to quickly build high-performance API interfaces. This article will introduce how to use the Hyperf framework for API interface development and provide specific code examples. Environment setup First, we need to set up the Hyperf framework in the local environment
