HTML 앵커 태그 중첩

StackOverflow https://stackoverflow.com/questions/20926

  •  09-06-2019
  •  | 
  •  

문제

오늘 저는 웹페이지의 탭 탐색 작업을 하고 있었습니다.나는 슬라이딩 도어 잘 작동하는 접근 방식.그런 다음 탭을 삭제하는 옵션(일반적으로 각 탭의 오른쪽 모서리에 있는 작은 X)을 포함해야 한다는 것을 깨달았습니다.

중첩된 앵커를 사용하고 싶었는데 작동하지 않았습니다. ~ 아니다 허용된.그런 다음 탭 탐색을 보았습니다. 페이지플레이크, 실제로 작동 중이었습니다(중첩된 하이퍼링크 포함).왜?

도움이 되었습니까?

해결책

그들은 JavaScript가 작동하도록 하기 위해 정말 미친 짓을 하고 있을 것입니다(상위 태그나 중첩된 앵커 태그 모두 이름이나 href 속성이 없는 방법에 주목하세요. 모든 기능은 클래스 이름과 JS를 통해 수행됩니다).

HTML의 모습은 다음과 같습니다.

<a class="page_tab page_tab">
  <div class="page_title" title="Click to rename this page.">Click & Type Page Name</div>
  <a class="delete_page" title="Click to delete this page" style="display: block;">X</a>
</a>

다른 팁

사실 제가 이전에 붙여넣었던 코드는 모든 JS 조작을 거쳐 생성된 DOM이었습니다.당신이 가지고 있지 않은 경우 개똥 벌레 Firefox용 확장 프로그램을 지금 다운로드하세요.

편집하다:이전 게시물을 삭제하여 더 이상 유용하지 않습니다.Firebug가 있으므로 이 제품은 그대로 유지됩니다 :)

브라우저가 페이지를 엄격 모드(예:XHTML DTD, application/xml+html MIMEtype) 또는 "quirks" 모드에서.

중첩된 태그가 불법임에도 불구하고 JS를 사용하여 태그를 작성하면 작동합니다! 다음을 시도해 보세요.

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top