찾다
웹 프론트엔드CSS 튜토리얼하이퍼링크에서 밑줄 사용 지침_경험 교환

하이퍼링크의 밑줄과 세부 사항에 대해서는 모두가 논의하고 생각했다고 믿습니다. "사용자가 하이퍼링크 텍스트를 다른 텍스트 형식과 명확하게 구별할 수 있도록 하고, "잠재의식은 그것을 알고 있습니다. 클릭할 수 있다." 그러나 클릭할 수 있다는 사실을 무의식적으로 알 수 있는지 여부는 여전히 논란의 여지가 있다. 사람마다, 환경마다 의견이 다를 것이다.

여러 시나리오에서 논의해 보겠습니다.

1. 내비게이션 영역에서 무의식적으로 클릭하겠습니다.

밑줄이 있어도 장식의 '오래된 형태'이므로 일반적으로 밑줄이 없습니다. 좋은 디자인은 클릭을 만족시킬 뿐만 아니라 시각적인 계층 관계도 만족시킵니다.

2. 페이지 전체가 링크로 가득 차 있고, 밑줄은 필수 표현이 되었습니다.

시나, 소후처럼 홈페이지도 클릭이 가능해 밑줄 유무가 크게 중요하지 않습니다. 마오푸는
홈페이지 디자인에서 꼭 필요한 밑줄을 없앴습니다. (아래 사진은 위에서부터 시나, 소후, 마오푸 순입니다.)

3. 클릭해 주실 수 있나요? 내가 추측하게 만들지 마세요!

아래 디자인 스크린샷을 보면 구글과 바이두의 디자인만 의심할 여지가 없습니다. 나머지 두 제품의 디자인도 짐작이 갈 정도입니다.

4. 하이퍼링크와 텍스트가 혼합되어 있는 경우 밑줄을 사용하면 클릭하기가 더 쉽습니다.


5. 독립된 하이퍼링크, 밑줄을 긋지 않는 것만으로는 "표현"이 충분하지 않습니다.

6. 강조 표시가 필요한 링크의 경우 필요한 경우 "의사 버튼"을 사용하세요.

가짜 버튼 문제에 대해 Shouyu는 가짜 버튼 허용에서 매우 명확하게 설명했기 때문에 여기서는 자세히 설명하지 않겠습니다.

참고: 이는 특정 환경에 따라 다릅니다. 목적은 하이퍼링크가 무의식적으로 클릭될 가능성을 높이고 시청자의 시간을 더 낭비하는 과도한 시도와 생각을 피하는 것입니다.

첨부: 하이퍼링크의 역할
기본 개념에 대해 이야기해 보겠습니다. 소위 하이퍼링크는 웹 페이지에서 대상으로의 연결 관계를 말합니다. 이 대상은 다른 웹 페이지일 수 있습니다. , 또는 동일한 웹 페이지의 다른 위치일 수도 있고, 사진, 이메일 주소, 파일 또는 애플리케이션일 수도 있습니다. 웹 페이지의 하이퍼링크에 사용되는 개체는 텍스트일 수도 있고 이미지일 수도 있습니다. 뷰어가 링크된 텍스트 또는 이미지를 클릭하면 링크 대상이 브라우저에 표시되고 대상 유형에 따라 열리거나 실행됩니다.

하이퍼링크의 기본 분류:

  • 웹 페이지의 하이퍼링크는 다양한 링크 경로에 따라 일반적으로 내부 링크, 앵커 링크, 외부 링크의 세 가지 유형으로 구분됩니다.
  • 웹 페이지의 링크는 사용 목적에 따라 텍스트 하이퍼링크, 이미지 하이퍼링크, 이메일 링크, 앵커 링크, 멀티미디어 파일 링크, 빈 링크 등으로 나눌 수 있습니다.
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
一加budsPro怎么使用_一加budsPro使用说明一加budsPro怎么使用_一加budsPro使用说明Mar 23, 2024 am 10:11 AM

1、降噪模式和通透模式切换长捏耳机柄约1秒钟,可在降噪模式和通透模式之间切换。2、音乐模式单次按捏耳机柄,可暂停或播放音乐两次按捏耳机柄,可播放下一首三次按捏耳机柄,可播放上一首或唤醒语音。3、通话模式通话状态下,单次按捏耳机柄,可接听或挂断电话。4、如何重置打开耳机盒,当充电盒指示灯闪烁红灯5次后,松开按键,耳机重置完毕。三、怎么连接手机1、打开充电盒2、长按设置按键2秒3、待手机屏幕出现弹窗,单击确认连接。四、怎么查看电量情况1、当耳机连接手机时,可在手机屏幕弹窗中查看耳机及充电盒电量。2、

UniApp实现支付功能的接入与使用说明UniApp实现支付功能的接入与使用说明Jul 04, 2023 am 10:27 AM

UniApp实现支付功能的接入与使用说明随着移动支付的普及,很多应用都需要集成支付功能,以方便用户进行在线支付。UniApp作为一种基于Vue.js的跨平台开发框架,具有一次开发多平台使用的特点,可以轻松地实现支付功能的接入。本文将介绍UniApp中如何接入支付功能,并给出代码示例。一、支付功能的接入在App端的manifest.json文件中添加支付权限:

如何使用Hyperf框架进行多语言处理如何使用Hyperf框架进行多语言处理Oct 20, 2023 am 11:10 AM

如何使用Hyperf框架进行多语言处理引言:随着互联网的全球化,多语言处理成为了很多应用程序开发的必备技能。在Web应用开发中,如果能够支持多语言是非常重要的,因为它可以帮助你更好地满足不同用户的需求。本文将介绍如何使用Hyperf框架进行多语言处理,并提供具体的代码示例。安装Hyperf框架首先,我们需要安装Hyperf框架。可以使用composer命令来

利用高级筛选选项进行数据筛选利用高级筛选选项进行数据筛选Feb 18, 2024 pm 02:11 PM

如何使用高级筛选功能筛选数据在日常工作中,对大量数据进行筛选是一项非常常见和重要的任务。而常规的筛选功能可能无法满足对数据更精确、更复杂的筛选需求。为了解决这个问题,许多办公软件都提供了高级筛选功能,可以帮助用户更高效地筛选数据。本文将介绍如何使用高级筛选功能来对数据进行筛选。第一步:准备数据在使用高级筛选功能之前,首先需要准备好待筛选的数据。确保数据已经整

cookies的详细使用说明cookies的详细使用说明Feb 22, 2024 pm 12:21 PM

cookies是一种常见的网络技术,用于存储用户在网站上的个人偏好和行为信息。在今天的数字化时代,几乎所有的网站都使用cookies来提供个性化和更好的用户体验。本文将详细介绍cookies的使用说明,帮助用户更好地理解和掌握这一技术。首先,我们来了解一下cookies的基本概念。Cookies是网站在用户浏览器上存储的小型文本文件,包含有关用户访问网站的一

uniapp中如何使用视频录制功能uniapp中如何使用视频录制功能Jul 06, 2023 pm 06:51 PM

uniapp中如何使用视频录制功能今天,笔者将向大家介绍如何在uniapp开发框架中使用视频录制功能。uniapp是一款跨平台的开发框架,我们可以在一次编写的代码基础上,同时在多个平台中运行我们的应用程序,这对于开发者来说非常方便。在uniapp中,我们可以使用uni-AD-IN摄像头组件来实现视频录制的功能。首先,我们需要在uniapp项目中安装uni-

win7activation激活工具使用方法win7activation激活工具使用方法Jul 17, 2023 pm 08:37 PM

win7系统跟其他的windows系统一样都是需要激活才能使用全部的功能的。那么如何激活win7呢?常用的方法就是借助win7激活码或者win7激活工具,而比较好用的就是win7activation激活工具了。下面小编给大家介绍下win7activation激活工具使用方法。具体的方法如下:1、首先网上下载“WIN7Activation”(Win7激活工具),把程序拷贝到电脑上,双击打开它。2、然后直接点击:激活,变会自动开始激活状态。3、程序激活win7系统完成后,弹出提示,点击:是。4、重启

如何使用Hyperf框架进行API接口开发如何使用Hyperf框架进行API接口开发Oct 21, 2023 am 10:15 AM

如何使用Hyperf框架进行API接口开发前言在当前的Web开发中,API接口已经成为了不可或缺的一部分。Hyperf是一个基于Swoole与PHP协程的高性能框架,它提供了各种工具和组件,方便开发者快速构建高性能的API接口。本文将介绍如何使用Hyperf框架进行API接口开发,并提供具体的代码示例。环境搭建首先,我们需要在本地环境中搭建Hyperf框架的

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전