태그 내에서 블록 수준 요소의 HTML5 배치 샘플 code_html5 튜토리얼 팁

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

샘플 코드:

복사 코드

코드는 다음과 같습니다.

Wynq Web Lab의 창립자이자 수석 엔지니어이기도 합니다. 모토: "나는 웹사이트를 디자인하는 것이 아니라 운영할 뿐입니다."

A 태그는 다음과 같은 요소를 래핑합니다. div, p, h1로 A 태그를 사용할 수 없습니다. 다른 A 태그가 포함되어 있습니다. 그렇지 않으면 브라우저 간에 일관되지 않은 상황이 발생할 수 있습니다.

어떻게 생각하세요?

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