HTML基本組成結(jié)構(gòu)與標(biāo)簽的詳細(xì)介紹

HTML基本組成結(jié)構(gòu)與標(biāo)簽

其實(shí)組成結(jié)構(gòu)用一張圖來簡單了解下如下

目前一般網(wǎng)站的結(jié)構(gòu)是會如此不是很清晰簡單

先來說說header頭部

這樣是不是更加清楚了 導(dǎo)航欄是引導(dǎo)用戶查看網(wǎng)站內(nèi)容的快捷入口，打個(gè)比方例如你去超市買醬油，超市的頭頂上會掛著分類區(qū)域例如，生活用品、服裝、廚具等

然后你就會通過分類去找你要買的物品歸類在哪，到那你就只用找你想要買的醬油就可以了。這樣是不是容易理解點(diǎn)

那我們在繼續(xù)來看看content內(nèi)容部分顧名思義就是作者或者樓主展現(xiàn)文字結(jié)合圖片等內(nèi)容的一種體現(xiàn)具體如下：

這樣就是內(nèi)容的展現(xiàn)，如果要打比方就：大家都知道星巴克是品咖啡的地方這就是他的hearder但是具體喝哪中咖啡就要取決于內(nèi)容content，你的走到前臺看咖啡的種類及價(jià)格

要說hearder與content的區(qū)別我個(gè)人理解就是header是概覽目錄,雖然content也可以實(shí)現(xiàn)但更多content定位到具體某一個(gè)屬性及地址

最后讓我們來聊聊footer腳部也叫腳標(biāo)

這就是上面列表個(gè)網(wǎng)站的聯(lián)系方式以及監(jiān)管等等，打個(gè)比方的話就和車牌照一樣，即要有車管所的監(jiān)管還要有你的聯(lián)系方式。

介紹到此是不是對網(wǎng)頁組成結(jié)構(gòu)有大致印象

接下來說說html網(wǎng)頁的標(biāo)簽

有個(gè)很簡單的方式查看網(wǎng)頁標(biāo)簽就是鼠標(biāo)右鍵點(diǎn)擊網(wǎng)頁空白的地方看源代碼

是不是可以看到很多代碼用<>尖括號組成這就是標(biāo)簽</>有斜杠就叫標(biāo)簽的閉合也可以理解為<開始></結(jié)束>

來看看對應(yīng)關(guān)系title一般情況是這樣對應(yīng)如下：　　當(dāng)然也有其它地方寫title的用法這個(gè)暫時(shí)不考慮

在來看看內(nèi)容部分的關(guān)系對應(yīng)如下：

當(dāng)然這里只做簡要介紹，詳細(xì)的后面在深入理解

我們在看標(biāo)簽<>內(nèi)外關(guān)系也就是所謂的嵌套

<p>

　　<h2>

　　<ul>

　　　　<li></li>

　　　　<p></p>

　　</ul>

　　</h2>

</p>

標(biāo)簽這樣一層套一層就是標(biāo)簽的嵌套，那么最外面的p就是董事長，h2就是總經(jīng)理與他同級的還ul也是總經(jīng)理，li和p就是部門主管，這樣一個(gè)層級關(guān)系

打個(gè)比方你是A公司的董事長和B公司的董事長認(rèn)識，這時(shí)候你要的一個(gè)文案需要他的一個(gè)部分下的人員上交上來給你看關(guān)于合作，那么B回到公司就要

把這件事通知下去就像這樣 p>h2>ul>li或p 然后員工知道老板要文案就直接把文案給送過去就可以，我們爬蟲BeautifulSoup也是按這個(gè)邏輯去抓取

想要的內(nèi)容，就是通過標(biāo)簽層級去找內(nèi)容。

這次就簡單的介紹到這后續(xù)會持續(xù)跟新?！　?/p>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com