XHTML과 비교할 때 HTML5는 더 간단한 요소를 통해 일련의 생각을 불러일으킵니다. 솔직히 말해서 이는 매우 필요한 단순화입니다. 이러한 단순화 중 하나는 div, h 태그(h1...h6) 및 단락 태그 P와 같은 블록 수준 요소를 태그를 통해 래핑하는 기능입니다. 올바르게 읽으셨습니다. A 태그를 사용하여 블록 수준 요소를 래핑합니다(번역자 참고 사항: HTML5 이전에는 a 태그가 인라인 요소인 반면 div, h1, p 등은 블록 수준 요소였습니다. 이를 래핑하면 물론 여러 개의 태그가 잘릴 수도 있습니다.

샘플 코드:

복사 코드

코드는 다음과 같습니다.

어떻게 생각하세요?

A 태그를 사용하여 블록 수준 요소를 포함하는 것에 대해 갈등이 있습니다. 얼핏 보면 정크 코드 덩어리처럼 보입니다. 한편, 이러한 접근 방식을 피하기 위해 우리는 JavaScript를 사용하여 처리해 왔습니다. 클릭 가능한 요소의 목적은 작업과 기능을 완료하는 것인데, 네이티브 HTML을 사용하여 이 기능을 완료하는 것이 JS보다 더 자연스럽고 때로는 확실히 편리합니다. 제가 묻고 싶은 것은 이 관행에 대해 어떻게 생각하시나요? 즉시 사용할 수 있나요? 여러분의 의견을 공유해주세요!
(번역자 주: 번역자의 프로젝트에서 팀원이 이 기능을 사용했습니다. MyEclipse에서 노란색 경고가 많이 나타나서 매우 안타깝습니다. 하지만 객관적으로 말하면 일부 코드는 실제로 매우 효과적입니다. 과 같은)