JavaScript를 사용하지 않고 'div'를 클릭 가능하게 만드는 방법은 무엇입니까?

JavaScript 없이 클릭 가능한 'div' 만들기

'div' 요소를 클릭 가능하게 만들려면 JavaScript를 사용하는 경우가 많지만 HTML과 CSS도 있습니다. 스크립트 없이도 이러한 효과를 얻을 수 있는 기술입니다. 이러한 방법 중 하나는 다음 코드에서 볼 수 있듯이 앵커 태그 내에 'div'를 묶는 것입니다.

<a href="#">
    <div>This is a link</div>
</a>

그러나 HTML 유효성 검사기는 인라인 요소 내에 블록 요소(예: 'div')를 배치하지 않도록 경고합니다. (예: 'a'). 더 나은 접근 방식은 링크(앵커 태그)가 전체 'div'를 채우도록 하는 CSS 규칙을 만드는 것입니다.

CSS:

#my-div {
    background-color: red;
    width: 200px;
    height: 200px;
}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

HTML:

<div>

이 기술은 HTML과 CSS의 조합을 사용하여 JavaScript가 필요하지 않은 클릭 가능한 'div'를 만듭니다. 앵커 태그 내에 'div'를 포함하고 'a' 요소를 'div'의 크기에 채우는 CSS를 적용하면 전체 'div'가 클릭 가능한 링크가 됩니다.

위 내용은 JavaScript를 사용하지 않고 'div'를 클릭 가능하게 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!