하이퍼링크에 대한 지침

선택된 경우 하이퍼링크는 사용자를 앱의 다른 부분이나 다른 앱으로 이동하거나, 별도의 브라우저 앱을 사용하여 특정 URI(Uniform Resource Identifier)를 실행합니다. 하이퍼링크에는 인라인에 동적 텍스트로 표시되는 텍스트와 태그 지정 텍스트로 표시되는 단추 컨트롤의 두 가지 주요 유형이 있습니다.

올바른 컨트롤인가요?

선택하면 반응하고 선택한 텍스트에 대한 추가 정보로 이동되는 텍스트가 필요할 때는 하이퍼링크를 사용합니다.

필요에 따라 적절한 유형의 하이퍼링크를 선택합니다.

  • 자동 줄 바꿈을 원하며 누르기 대상이 반드시 클 필요가 없는 경우에 텍스트 하이퍼링크를 사용합니다. 하이퍼링크 텍스트가 작아 터치하기 어려운 경우도 있습니다.
  • 자동 줄 바꿈을 원하지 않거나 누르기 대상이 커야 하는 경우에는 단추를 사용합니다. 단추 높이는 44epx입니다.

예제

다음은 동적 텍스트에 인라인으로 표시되는 텍스트 요소에 해당하는 하이퍼링크의 예입니다.

텍스트 요소로 표시되는 하이퍼링크 예제

단추로 표시되는 하이퍼링크의 예는 다음과 같습니다. 태그 지정 텍스트로 표시되고 레이아웃 컨테이너 내에 배치될 수 있습니다.

단추 컨트롤로 표시되는 하이퍼링크 예제

일반 권장 사항

  • 하이퍼링크는 탐색하는 데만 사용하고 다른 작업에는 사용하지 않도록 합니다.
  • 텍스트 기반 하이퍼링크의 유형 램프에서 본문 스타일을 사용합니다.
  • 사용자 구별할 수 있고 각각을 쉽게 선택할 수 있게 하이퍼링크 사이에 충분한 공간을 둡니다.
  • 사용자가 이동될 위치를 나타내는 도구 설명을 하이퍼링크에 추가합니다.
    • 사용자가 외부 사이트로 이동되면 도구 설명 내에 최상위 도메인 이름을 포함하고 텍스트에 보조 글꼴 색을 지정합니다.

관련 항목

디자이너용
도구 설명에 대한 지침
개발자용(XAML)
Windows.UI.Xaml.Controls Hyperlink class
Windows.UI.Xaml.Controls HyperlinkButton class
개발자용(HTML)
a element | a object (HTML)

 

 

표시:
© 2015 Microsoft