首頁(yè)技術(shù)文章正文

怎樣查看網(wǎng)頁(yè)的源碼結(jié)構(gòu)?

更新時(shí)間:2021-07-06 來源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

想要了解一個(gè)網(wǎng)頁(yè)的結(jié)構(gòu),可以直接在瀏覽器的右鍵菜單中點(diǎn)擊“查看源代碼”實(shí)現(xiàn)。例如,使用Google Chrome瀏覽器打開百度首頁(yè),在“新聞”選項(xiàng)上面右擊選擇“檢查”,瀏覽器底部打開一個(gè)窗口,并顯示選中元素周圍的HTML層次結(jié)構(gòu),如圖1所示。

1625551368047_1.jpg

圖1 百度首頁(yè)的HTML層次結(jié)構(gòu)(部分)

圖1中選中的帶有底色的行就是剛剛選擇的“新聞”標(biāo)簽。從圖1中可以清楚地看到,選中的標(biāo)簽< a>位于id屬性值為’u1’的標(biāo)簽< div>中,并且與其它標(biāo)簽< a>屬于并列關(guān)系,只是每個(gè)標(biāo)簽內(nèi)部的屬性值不同而已。例如,要提取點(diǎn)擊“新聞”后跳轉(zhuǎn)的網(wǎng)頁(yè),可以獲取href屬性的值。







猜你喜歡:

HTTP請(qǐng)求格式:請(qǐng)求行、請(qǐng)求頭詳細(xì)介紹【爬蟲工程師必會(huì)】

https中到底是對(duì)稱加密還是非對(duì)稱加密?

三分鐘了解https和http有什么區(qū)別【軟件測(cè)試必備】

黑馬程序員Python開發(fā)培訓(xùn)

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!