HTML에서 링크를 지정하고 대상 속성을 설명하는 방법은 무엇입니까?

HTML에서 링크를 지정하고 대상 속성을 설명하는 방법은 무엇입니까?

HTML에서 링크를 지정하려면 <a></a> (앵커) 요소를 사용합니다. 하이퍼 링크 생성을위한 기본 구문은 다음과 같습니다.

 <code class="html"><a href="URL">Link text</a></code>

이 구조에서 href "HyperText Reference"를 나타내며 링크가 가리키는 URL을 지정합니다. 오프닝과 닫는 <a></a> 태그 사이의 텍스트는 사용자가보고 클릭하는 것입니다.

target 속성은 <a></a> 태그 내에서 링크 된 문서를 엽니 다. 링크를 클릭 할 때 새 문서가 표시되어야하는 위치를 정의합니다. target 속성을 지정하지 않으면 링크 된 문서가 링크를 클릭 한 것과 동일한 창/탭에서 열립니다.

HTML 링크의 대상 속성의 다른 값은 무엇입니까?

target 속성은 링크 된 리소스가 열리는 방법과 위치에 영향을 미치는 몇 가지 값을 취할 수 있습니다.

1. _self : 이것은 기본값입니다. 링크 된 문서는 링크가 포함 된 것과 동일한 창/탭에서 열립니다.
2. _blank : 링크 된 문서가 브라우저의 설정 및 사용자 기본 설정에 따라 새 창이나 탭에서 열립니다.
3. _parent : 링크 된 문서가 현재 프레임의 상위 프레임에서 열립니다. 이것은 프레임 웹 사이트에서 현재 프레임을 포함하는 프레임에 영향을 미치는 링크에 유용합니다.
4. _top : 연결된 문서는 현재 창의 프레임을 대체하여 창의 전체 본체에로드됩니다. 이것은 프레임 세트에서 벗어나는 데 사용될 수 있습니다.
5. framename : 연결된 문서를로드 해야하는 프레임 이름을 지정할 수 있습니다. 이는 콘텐츠를 특정 프레임에로드하려는 복잡한 프레임 기반 레이아웃에 유용합니다.

링크 된 페이지가 열리는 위치를 제어하기 위해 대상 속성을 사용하려면 어떻게해야합니까?

target 속성을 사용하여 링크 된 페이지가 열리는 위치를 제어하는 ​​것이 간단합니다. 다음은 사용을 보여주는 몇 가지 예입니다.

• 동일한 창/탭에서 링크를 엽니 다 (기본 동작) :

 <code class="html"><a href="https://www.example.com" target="_self">Visit Example</a></code>

• 새 창/탭에서 링크를 엽니 다 :

 <code class="html"><a href="https://www.example.com" target="_blank">Visit Example</a></code>

• 상위 프레임에서 링크를 엽니 다 :

 <code class="html"><a href="https://www.example.com" target="_parent">Visit Example</a></code>

• 창의 전체 바디에서 링크를 열려면 프레임이 나빠집니다.

 <code class="html"><a href="https://www.example.com" target="_top">Visit Example</a></code>

• 특정 이름의 프레임에서 링크를 엽니 다.

 <code class="html"><a href="https://www.example.com" target="mainFrame">Visit Example</a></code>

HTML 링크에서 대상 속성을 사용하기위한 모범 사례는 무엇입니까?

target 속성을 사용할 때는 좋은 사용자 경험과 접근성을 보장하기 위해 모범 사례를 준수하는 것이 중요합니다.

1. _blank 사용 드물게 : 새 탭에서 링크를 열면 유용 할 수 있지만, target="_blank" 탭 클러 터로 이어질 수 있으며 사용자에게 혼란 스러울 수 있습니다. 원래 페이지를 열어 두면서 사용자가 참조하려는 외부 링크 또는 리소스에 사용하는 것이 좋습니다.

2. 접근성 고려 사항 : target="_blank" 사용할 때는 새 페이지가 원래 페이지에 영향을 미치지 않도록 rel="noopener" 포함합니다. 이것은 window.opener 잠재적 악용을 방지하기위한 보안 모범 사례입니다.

    <code class="html"><a href="https://www.example.com" target="_blank" rel="noopener">Visit Example</a></code>

3. 명확한 표시 : 링크가 새 창이나 탭에서 열리면 시각적 신호 (아이콘과 같은) 또는 텍스트를 통해 사용자에게 이것을 표시하여 놀라운 것을 피하는 것이 도움이됩니다.
4. 사용자 기본 설정을 무시하지 마십시오 . 일부 사용자가 특정 방식으로 링크를 처리하도록 브라우저를 설정했음을 염두에 두십시오. 새 탭이나 Windows에서 링크를 열도록 강요하면 이러한 환경 설정을 무시할 수 있으며 잠재적으로 사용자 경험이 나빠질 수 있습니다.
5. 장치 및 브라우저에서 테스트 : target 속성을 사용하여 동작이 다를 수 있으므로 다른 장치 및 브라우저에서 의도 한대로 작동하는지 확인하십시오.

이러한 모범 사례를 따르면 target 속성을 효과적으로 사용하여 웹 사이트의 유용성을 향상시키고 우수한 성능 및 보안 표준을 유지할 수 있습니다.

위 내용은 HTML에서 링크를 지정하고 대상 속성을 설명하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!