其實,有些標簽是不能進行隨意嵌套,如果你沒有深受其害,你是不會發現它的存在的,更不會體會到它能帶給你的那種抓狂感!
那么究竟是那個兩個標簽呢?請看,就是a標簽和p標簽,乍一看都是像欠揍的樣子,是不是?
(1)a標簽不能嵌套a標簽(鏈接嵌套)
a href= ### 父元素 a href= ### 子元素 /a /a //嵌套父子級
瀏覽器解析為兄弟級關系:
a href= ### 父元素 /a a href= ### 子元素 /a
特別地:只要a標簽里面也任何形式嵌套a標簽,都會被瀏覽器解析為兄弟級關系;

【直接嵌套a標簽】

【p間接嵌套a標簽】
(2)p標簽不能嵌套塊級標簽
p 父元素 p 子元素 /p /p //嵌套父子級
瀏覽器解析為兄弟級:
p 父元素 /p p 子元素 /p
特別地:只要p標簽里面也任何形式嵌套塊級標簽,都會被解析為兄弟級關系,即使設置display屬性;
【直接嵌套p元素】
注:間接嵌套塊級元素,以及設置display屬性兩種情況,希望大家通過代碼測試,經過我測試是不能嵌套的!
(3)如若需要進行鏈接嵌套,可以推薦使用area標簽
對于鏈接的嵌套,平時如果大家留意的話,很多人都是把兩個鏈接所在a標簽單獨分開來寫,不直接嵌套;或者就是通過js代碼來實現的;
現在,可以采用area標簽直接進行鏈接的嵌套;
area shape= coords= href= alt= target= _blank
特別地,area標簽本質是用來創建區域熱點的,需要配合map標簽使用
img usemap= #test src= map id= test name= test area shape= coords= href= #rect alt= /map
以上就是關于HTML中部分標簽的嵌套問題詳細介紹(圖)的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答