HTML4 및 HTML5에서 중첩 링크가 허용됩니까?

중첩 링크: 허용되는 관행?

한 링크가 다른 링크 내에 배치되는 중첩 링크는 합법성과 적절성에 대한 의문을 불러일으켰습니다. 구현. 이 주제를 자세히 알아보고 문제를 해결해 보겠습니다.

W3C HTML4 Perspective:

W3C HTML4 사양에 따르면 중첩 링크는 금지됩니다. 특히 링크와 앵커를 정의하는 A 요소는 다른 A 요소를 포함할 수 없습니다. 또한 LINK 요소는 DTD에서 비어 있는 것으로 선언되므로 LINK 요소 중첩도 허용되지 않습니다.

HTML5 해석:

HTML5는 LINK 요소에 대해 약간 다른 입장을 취합니다. 중첩된 링크. 대화형 콘텐츠를 중첩할 수는 있지만 앵커 태그 내에 대화형 콘텐츠를 배치하는 것은 금지됩니다. 앵커 태그는 대화형 콘텐츠로 간주되므로 이는 중첩 링크(앵커 태그)가 HTML5에서 유효하지 않음을 의미합니다.

실제 구현:

특정 사례의 경우 설정 및 이동을 위한 추가 링크가 포함된 클릭 가능한 회색 막대를 생성하려는 경우 다음 코드는 HTML4 또는 HTML5와 호환되지 않습니다. 표준:

<a href="#" class="sp_mngt_bar">
    <h1><?php echo $v; ?></h1>
    <a href="#" class="t_icons t_icons_settings sp_mngt_settings"></a>
    <a href="#" class="t_icons t_icons_move sp_mngt_move"></a>
</a>

권장 접근 방식:

표준을 준수하면서 원하는 기능을 얻으려면 JavaScript를 사용하여 회색에서 클릭 이벤트를 처리하는 것이 좋습니다. 술집. 이 접근 방식을 사용하면 중첩 규칙을 위반하지 않고 여러 링크를 추가할 수 있습니다.

위 내용은 HTML4 및 HTML5에서 중첩 링크가 허용됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!