今天我正在研究網頁的標籤導航。我嘗試了Sliding Doors的方法,工作得很好。然後我意識到我必須包含一個選項來刪除一個選項卡(通常是每個選項卡右下角的一個小X)。嵌套HTML-錨定標記
我想使用一個嵌套的錨點,它不起作用,因爲它允許使用not。然後我看到了Pageflakes的tab導航,它實際上正在工作(包括嵌套的超鏈接)。爲什麼?
今天我正在研究網頁的標籤導航。我嘗試了Sliding Doors的方法,工作得很好。然後我意識到我必須包含一個選項來刪除一個選項卡(通常是每個選項卡右下角的一個小X)。嵌套HTML-錨定標記
我想使用一個嵌套的錨點,它不起作用,因爲它允許使用not。然後我看到了Pageflakes的tab導航,它實際上正在工作(包括嵌套的超鏈接)。爲什麼?
他們必須用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>
其實,我已經粘貼代碼以前是生成的DOM,所有的JS操作之後。如果您沒有Firefox的Firebug擴展名,現在應該得到它。
編輯:刪除舊帖子,它不再有用。螢火蟲是,所以這一個正在入住:)
我懷疑,工作或不工作嵌套鏈接可能取決於如果您的瀏覽器以嚴格模式(例如XHTML DTD,應用程序/ XML + HTML MIMEtype)呈現頁面,或在「怪癖「模式。
儘管嵌套標籤是非法的,但使用JS將努力寫他們!試試這個:
$('<a>', {
href: 'http://google.com',
html: '<a>i am nested anchor </a>I am top Anchor'
}).appendTo($('body'))
這是真正的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