網頁設計教學-用人體的結構來認識HTML架構 - 旭展顧問
文章推薦指數: 80 %
網頁是由一個一個的標籤(Tag)組合而成,所有的內容都會被開始標籤與結束標籤包在裡面,什麼是HTML的結構呢?今天就用另外一種方式帶大家認識HTMLTag。
HTML的架構就如同人的身體結構,整個網頁的內容都會被包在以開頭,並以結束的標籤中,我們可以參考下圖接著說明: 網頁架構就像人的身體結構。
1.標籤: 標籤如同一個人的思想,雖然在網頁表層看不到,但是在這個標籤裡,卻包含著整個網站的重要訊息,例如:網站名子、網站描述、搜尋的關鍵字、連接了哪些外部資源等等,這些訊息都可以在此區讀到,就像我們在看大腦內的資訊一樣。
2.標籤: 標籤中框住了網頁上所有的內容,包括大家看到的Banner、主選單、網站的文字、圖片、連結、最下方的聯絡資訊、版權宣告等等,所有看得到的結構都會在這裡,我們又可以把中的結構再分成3大部分:頭部(header)、身體(main)、腳部(footer)。
3.
4.
延伸文章資訊
- 1描述標籤(Meta Description)的SEO優化 - 奇寶網路
最後更新:2018/03/30 作者:KPN 企劃部 ... Meta Description,或者稱作描述標籤,是html代碼中用以簡短描述網頁內容的一個標籤,其格式如下:. 你在描述標籤中所...
- 2SEO搜尋引擎優化基本介紹懶人包:什麼是SEO?怎麼做SEO?
- 3網頁頭部最佳化
標籤:logo最佳化:1.logo圖片盡量小。2.一般情況下是作為背景放入的。2.肯定加h1標籤(提權)4.搜尋引擎對文本連結最友好。 <a href="#">123456</a>5 ...
- 4SEO加分訣竅與運用Material Design提升使用者體驗
在舊版網頁中,頭部按紐置於最上方,除了背景顏色不顯眼外,使用時滑鼠移動 ... 的美化外,效能也因為重新設計時版面的調整,最佳化成效也更加提升。
- 5網頁設計教學-用人體的結構來認識HTML架構 - 旭展顧問
<Header>標籤可以把它想像成人的頭部,在網頁的最上方的內容都會放在<Header>標籤中,人頭的形狀、頭上的頭髮就像網頁的Banner、色塊等等資訊,都會 ...