Routing on SITE

01-href-and-ref

Mon, 01 Jan 0001 00:00:00 +0000

href와 ref가 동시에 들어가도 렌더 규칙을 확인할 수 있습니다.


{{< cta
  kind="related"
  label="링크 우선순위 확인"
  href="https://example.com/docs"
  ref="/lab/hugo-content-lab/30-components/"
  intent="related"
  priority="secondary"
  surface="after-content"
  size="md"
  tone="neutral"
  align="center"
  target="_self"
  rel=""
  note="href와 ref가 동시에 들어가도 렌더 규칙을 확인할 수 있습니다."
  subtitle="우선순위 테스트"
  aria_label=""
  badge="TEST"
  tracking_id="cta-routing-01"
  analytics_event="cta_route_test"
  id="cta-routing-both"
  class="is-test"
  compact="false"
  disabled="false" >}}

02-external-target-blank

Mon, 01 Jan 0001 00:00:00 +0000

OFFICIAL새 창 안전 열기보안 속성 포함

외부 도메인은 새 창으로 엽니다.


{{< cta
  kind="external"
  label="새 창 안전 열기"
  href="https://example.com/docs"
  ref="/blog/"
  intent="external"
  priority="primary"
  surface="hero"
  size="lg"
  tone="brand"
  align="center"
  target="_blank"
  rel="noopener noreferrer"
  note="외부 도메인은 새 창으로 엽니다."
  subtitle="보안 속성 포함"
  aria_label="새 창으로 외부 문서 열기"
  badge="OFFICIAL"
  tracking_id="cta-routing-02"
  analytics_event="cta_external_open"
  id="cta-routing-blank"
  class="is-external"
  compact="true"
  disabled="false" >}}

03-internal-ref

Mon, 01 Jan 0001 00:00:00 +0000

PAGE페이지 참조 이동site.GetPage 경로

ref가 실제 페이지 참조일 때의 구성을 보여줍니다.


{{< cta
  kind="internal"
  label="페이지 참조 이동"
  href="/lab/hugo-content-lab/30-components/"
  ref="/lab/hugo-content-lab/70-real-world-posts/medium-post/"
  intent="internal"
  priority="secondary"
  surface="in-content"
  size="sm"
  tone="neutral"
  align="left"
  target="_self"
  rel=""
  note="ref가 실제 페이지 참조일 때의 구성을 보여줍니다."
  subtitle="site.GetPage 경로"
  aria_label="내부 페이지로 이동"
  badge="PAGE"
  tracking_id="cta-routing-03"
  analytics_event="cta_internal_route"
  id="cta-routing-ref"
  class="is-internal"
  compact="false"
  disabled="false" >}}

04-fallback-href

Mon, 01 Jan 0001 00:00:00 +0000

BASE기본 이동href 중심

기본 이동 경로를 보여줍니다.


{{< cta
  kind="default"
  label="기본 이동"
  href="/contact/"
  ref="/blog/"
  intent="generic"
  priority="utility"
  surface="sidebar"
  size="xs"
  tone="muted"
  align="stretch"
  target="_self"
  rel=""
  note="기본 이동 경로를 보여줍니다."
  subtitle="href 중심"
  aria_label="기본 이동"
  badge="BASE"
  tracking_id="cta-routing-04"
  analytics_event="cta_default_move"
  id="cta-routing-href"
  class="u-track-cta"
  compact="true"
  disabled="false" >}}