書寫HTML結(jié)構(gòu)的時候,對于標簽的嵌套問題,在我發(fā)現(xiàn)這個問題之前,都不在自己的考慮之中,還傻傻的以為標簽之間是可以進行百搭的!


其實,有些標簽是不能進行隨意嵌套,如果你沒有深受其害,你是不會發(fā)現(xiàn)它的存在的,更不會體會到它能帶給你的那種抓狂感!

那么究竟是那個兩個標簽?zāi)兀空埧?,就?strong>a標簽和p標簽,乍一看都是像欠揍的樣子,是不是?

(1)a標簽不能嵌套a標簽(鏈接嵌套)

父元素子元素 ; //嵌套父子級

瀏覽器解析為兄弟級關(guān)系:

父元素; 子元素;

特別地:只要a標簽里面也任何形式嵌套a標簽,都會被瀏覽器解析為兄弟級關(guān)系;

【p間接嵌套a標簽】


(2)p標簽不能嵌套塊級標簽

父元素

子元素


; //嵌套父子級

瀏覽器解析為兄弟級:

父元素

;

子元素

;

特別地:只要p標簽里面也任何形式嵌套塊級標簽,都會被解析為兄弟級關(guān)系,即使設(shè)置display屬性;

(3)如若需要進行鏈接嵌套,可以推薦使用area標簽

對于鏈接的嵌套,平時如果大家留意的話,很多人都是把兩個鏈接所在a標簽單獨分開來寫,不直接嵌套;或者就是通過js代碼來實現(xiàn)的;

現(xiàn)在,可以采用area標簽直接進行鏈接的嵌套;

;

特別地,area標簽本質(zhì)是用來創(chuàng)建區(qū)域熱點的,需要配合map標簽使用

  哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無需額外費用,即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設(shè)