2008-08-21 120 views
12

今天我正在研究网页的标签导航。我尝试了Sliding Doors的方法,工作得很好。然后我意识到我必须包含一个选项来删除一个选项卡(通常是每个选项卡右下角的一个小X)。嵌套HTML-锚定标记

我想使用一个嵌套的锚点,它不起作用,因为它允许使用not。然后我看到了Pageflakes的tab导航,它实际上正在工作(包括嵌套的超链接)。为什么?

回答

9

他们必须用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> 
0

其实,我已经粘贴代码以前是生成的DOM,所有的JS操作之后。如果您没有Firefox的Firebug扩展名,现在应该得到它。

编辑:删除旧帖子,它不再有用。萤火虫是,所以这一个正在入住:)

0

我怀疑,工作或不工作嵌套链接可能取决于如果您的浏览器以严格模式(例如XHTML DTD,应用程序/ XML + HTML MIMEtype)呈现页面,或在“怪癖“模式。

15
+0

这是真正的HTML 5的?我没看到它。 http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-a-element – Sean 2013-03-21 20:25:36

0

尽管嵌套标签是非法的,但使用JS将努力写他们!试试这个:

$('<a>', { 
    href: 'http://google.com', 
    html: '<a>i am nested anchor </a>I am top Anchor' 
}).appendTo($('body'))