2008-08-21 241 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'))