Hôm nay tôi đang làm việc trên điều hướng tab cho trang web. Tôi đã thử phương pháp Sliding Doors hoạt động tốt. Sau đó, tôi nhận ra rằng tôi phải bao gồm một tùy chọn để xóa một tab (thường là một X nhỏ ở góc bên phải của mỗi tab).Làm tổ thẻ HTML-anchor
Tôi muốn sử dụng neo lồng nhau, không hoạt động vì nó được phép là not. Sau đó, tôi thấy tab chuyển hướng tại Pageflakes, đã thực sự hoạt động (bao gồm cả siêu liên kết lồng nhau). Tại sao?
Họ phải làm một số công cụ thực sự điên rồ với JavaScript để làm cho nó hoạt động (chú ý cách cha mẹ cũng như các thẻ neo lồng nhau có tên hoặc thuộc tính href - tất cả chức năng được thực hiện thông qua tên lớp và JS).
Đây là những gì html trông giống như:
<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>
Trên thực tế, mã tôi đã dán trước đó là DOM tạo ra, sau khi tất cả các thao tác JS. Nếu bạn không có phần mở rộng Firebug cho Firefox, bạn sẽ nhận được nó ngay bây giờ.
Chỉnh sửa: Đã xóa bài đăng cũ, bài đăng này không còn hữu ích nữa. Firebug là, vì vậy cái này đang tạm dừng :)
Tôi nghi ngờ rằng các liên kết lồng nhau hoạt động hoặc không hoạt động có thể phụ thuộc nếu trình duyệt của bạn hiển thị trang ở chế độ nghiêm ngặt (ví dụ: XHTML DTD, application/xml + html MIMEtype) hoặc trong "quirks " chế độ.
Mặc dù thẻ lồng nhau là bất hợp pháp nhưng viết chúng bằng JS sẽ làm việc !, thử điều này:
$('<a>', {
href: 'http://google.com',
html: '<a>i am nested anchor </a>I am top Anchor'
}).appendTo($('body'))
Đây có phải là thực sự của HTML 5? Tôi không thấy nó. http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-a-element – Sean
Tôi thấy nó, nhưng phải mất một lúc để xem nó. Trong trang bạn đã tham chiếu: "Phần tử có thể được bao quanh toàn bộ các đoạn, danh sách, bảng, v.v., thậm chí toàn bộ các phần, miễn là không có nội dung tương tác bên trong (ví dụ: nút hoặc các liên kết khác)." – Lori
@Sean Trong HTML5, được gọi là "Nội dung tương tác". http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-a-element nói rằng ** "không có nội dung tương tác con cháu" ** trong nội dung model – hanhp