CSS가 링크 대상 동작을 제어할 수 있나요? CSS 또는 대안을 사용하여 새 탭에서 링크 열기.

CSS 또는 대체 접근 방식을 통해 "_blank" 대상 동작 달성

웹 사이트 상단의 새 탭에서 외부 링크를 여는 방법을 찾고 있는 경우 메뉴. HTML 속성 "target=_blank"가 이를 수행하는 동안 CSS에 동등한 메커니즘이 있는지 문의합니다.

CSS가 새 탭에서 링크를 열 수 있습니까?

안타깝습니다. , 순수 CSS에는 새 탭에서 링크를 여는 기능이 없습니다. CSS는 주로 레이아웃, 타이포그래피, 색 구성표 등 웹 페이지의 시각적 표현을 관리하지만 연결 동작을 제어하지는 않습니다.

대체 솔루션:

또는 다음 전략을 사용할 수 있습니다.

1. HTML "base" 태그 사용:

""에 다음 코드를 추가합니다. HTML 문서의 섹션:

<code class="html"><base target="_blank"></code>

이렇게 하면 대상 속성을 명시적으로 지정하지 않은 페이지의 모든 링크에 대해 기본 대상 속성 "_blank"가 설정됩니다.

2. 개별 링크에 대한 "target" 속성 지정:

새 탭에서 열려는 특정 링크의 경우 다음과 같이 "target" 속성을 명시적으로 설정할 수 있습니다.

<code class="html"><a href="/yourlink.html" target="_blank">test-link</a></code>

이것은 ""에 의해 설정된 기본 대상을 재정의합니다. 태그.

참고:

"" 사용 태그는 페이지의 모든 링크에 "_blank" 타겟을 적용하여 개별 타겟팅의 필요성을 줄이는 이점을 제공합니다. 그러나 새 탭에서 열리는 링크를 더 세밀하게 제어해야 하는 경우 각 링크에 대해 "target" 속성을 지정하는 것이 적합한 옵션입니다.

위 내용은 CSS가 링크 대상 동작을 제어할 수 있나요? CSS 또는 대안을 사용하여 새 탭에서 링크 열기.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!