關於a標籤內巢狀a標籤的解決方案

2022-09-01 08:51:11 字數 740 閱讀 7766

那些在a標籤內巢狀a標籤時,遇到的那點坑。

當我們直接在html中寫入

<

body

>

<

a href

="">

我是第乙個標籤

<

a href

="">我是巢狀的a標籤

a>

a>

body

>

瀏覽器會將其解析為

這並不是我們希望看到的結果。

一般的解決方法是將內層a標籤放入標籤內,

<

body

>

<

a href

="">

我是第乙個標籤

<

object

><

a href

="">我是巢狀的a標籤

a>

object

>

a>

body

>

此時我們在看一下瀏覽器的解析

問題解決了,當然a標籤我們作為在超連結時候時候,最優的解決方法是別在a標籤內巢狀a標籤,改用其他標籤巢狀。

頁面設計中a標籤內巢狀div標籤的高度問題

偶然設計乙個小頁面,發現的這個問題,為了簡單說明,附上 utf 8 很簡單,就是避免使用指令碼 這裡的指令碼是為了debug,顯示div的位置大小 實現滑鼠經過的時候,更換div的背景,按照上面的 完全沒有問題了 ie6截圖 這時候,發現這些div都不見了!哪個 a 的 href 不是 哪個就消失!...

關於HTML中a標籤的巢狀

最近有乙個需求,需要在乙個a標籤中巢狀另乙個a標籤,以此跳轉不同的鏈結,行嘛,寫嘛。大 小咋辦?咋整?有兩個解決方案 大 小就是這樣,瀏覽器會解析成 這樣就實現了a標籤的巢狀。這個方法在一般瀏覽器上都麼得問題 除了ie8 父的a標籤的設定display block或者display inline b...

前端 HTML的內嵌標籤和框架標籤

iframe 1 src 要顯示的網頁資源路徑 可以是本地 相對路徑 也可以是網路資源 url 2 width 設定顯示區域寬度 3 height 設定顯示區域高度 4 name 設定內嵌區域的名字,結合超連結標籤的target屬性使用 注意 預設當前頁面開啟即載入src指向的資源 作用 在當前網頁...