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

하이퍼링크에서 밑줄 사용 지침_경험 교환

WBOY
풀어 주다: 2016-05-16 12:07:34
원래의
2634명이 탐색했습니다.

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

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

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

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

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

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

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

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

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


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

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

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

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

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

하이퍼링크의 기본 분류:

  • 웹 페이지의 하이퍼링크는 다양한 링크 경로에 따라 일반적으로 내부 링크, 앵커 링크, 외부 링크의 세 가지 유형으로 구분됩니다.
  • 웹 페이지의 링크는 사용 목적에 따라 텍스트 하이퍼링크, 이미지 하이퍼링크, 이메일 링크, 앵커 링크, 멀티미디어 파일 링크, 빈 링크 등으로 나눌 수 있습니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿