댓글 : 당신은 그 권리를 읽습니다 : A 태그를 사용하여 블록 수준 요소를 랩핑하십시오. HTML5 이전에 A 태그는 인라인 요소에 속한 반면 Div, H1, P 등은 블록 레벨 요소입니다. 강제로 감싸면 여러 A 태그에 강제로 잘릴 수 있습니다. 관심있는 친구들은 더 많은 것을 배울 수 있습니다.
XHTML과 비교할 때 HTML5는 더 간단한 요소를 통해 일련의 생각을 일으켰으며 솔직히 말해서 이것은 실제로 필요한 단순화입니다. 이러한 단순화 중 하나는 div, h 태그 (H1 ... H6) 및 단락 태그와 같은 블록 수준의 요소를 랩핑하는 능력입니다. 오른쪽을 읽습니다. 오른쪽을 읽습니다. 블록 레벨 요소를 A 태그로 랩핑합니다 (번역기의 메모 : HTML5 이전에는 태그가 내부 요소에 속하며 Div, h1, p 등이 블록 레벨 요소에 속할 수 있습니다. 물론, 그것은 브라우저에 관한 것입니다.).샘플 코드 :
<body>
<a href = "/about-page.php">
<div>
David Walsh에 대한 <h1> </h1>
<p>
오리지널 저자는 27 세의 웹 개발자이며 JQuery & Mootools의 전문 컨설턴트입니다. 주소는 Madison과 Wisconsin입니다. 또한 Wynq Web Lab의 창립자이자 이사이기도합니다. 모토 : 웹 사이트를 디자인하지 않고 단지 실행하도록했습니다.
</p>
</div>
</a>
</body>
그게 다야. A 태그는 Div, P, H1과 같은 요소로 포장됩니다. 하나의 태그에 다른 A 태그를 포함시킬 수 없다는 점에 유의해야합니다. 그렇지 않으면 각 브라우저가 일치하지 않을 수도 있습니다.
어떻게 생각하나요?
나는 블록 레벨 요소를 포함하기 위해 태그를 사용하는 것에 대해 매우 갈등을 겪고 있으며, 빨리 볼 때 많은 정크 코드처럼 느껴집니다. 반면 에이 접근법을 피하기 위해 우리는 JavaScript를 사용하여 처리했습니다. 클릭 가능한 요소의 목적은 작업과 기능을 완료하는 것입니다. 기본 HTML을 사용 하여이 기능을 완료하는 것은 JS보다 자연스럽고 때로는 매우 편리합니다. 내가 묻고 싶은 것은 :이 연습에 대해 어떻게 생각하십니까? 즉시 사용할 수 있습니까? 당신의 견해를 공유하십시오!
(번역가의 노트 : 번역가 프로젝트에서 팀원은이 기능을 사용합니다. MyClipse에서 많은 노란 경고이기 때문에 슬픈 일입니다. 그러나 객관적으로 말하면 때로는 <red> 또는 무언가와 같은 일부 코드가 실제로 효과적입니다).