網頁設計教學-用人體的結構來認識HTML架構 - 旭展顧問
文章推薦指數: 80 %
網頁是由一個一個的標籤(Tag)組合而成,所有的內容都會被開始標籤與結束標籤包在裡面,什麼是HTML的結構呢?今天就用另外一種方式帶大家認識HTMLTag。
HTML的架構就如同人的身體結構,整個網頁的內容都會被包在以開頭,並以結束的標籤中,我們可以參考下圖接著說明: 網頁架構就像人的身體結構。
1.標籤: 標籤如同一個人的思想,雖然在網頁表層看不到,但是在這個標籤裡,卻包含著整個網站的重要訊息,例如:網站名子、網站描述、搜尋的關鍵字、連接了哪些外部資源等等,這些訊息都可以在此區讀到,就像我們在看大腦內的資訊一樣。
2.標籤: 標籤中框住了網頁上所有的內容,包括大家看到的Banner、主選單、網站的文字、圖片、連結、最下方的聯絡資訊、版權宣告等等,所有看得到的結構都會在這裡,我們又可以把中的結構再分成3大部分:頭部(header)、身體(main)、腳部(footer)。
3.
4.
延伸文章資訊
- 1網頁頭部最佳化
標籤:logo最佳化:1.logo圖片盡量小。2.一般情況下是作為背景放入的。2.肯定加h1標籤(提權)4.搜尋引擎對文本連結最友好。 <a href="#">123456</a>5 ...
- 2網頁設計教學-用人體的結構來認識HTML架構 - 旭展顧問
<Header>標籤可以把它想像成人的頭部,在網頁的最上方的內容都會放在<Header>標籤中,人頭的形狀、頭上的頭髮就像網頁的Banner、色塊等等資訊,都會 ...
- 3SEO 是什麼? 搜尋引擎優化公司都在使用這些技巧
- 45個網站優化方法,改善網站PSI分數 - 達文西數位科技
Google提出最新的SEO指標V6版Page Experience(網頁體驗),主要就是在提醒網頁設計公司在設計過程中,應該把網頁設計主軸放在使用者體驗(UX)上, ...
- 5網頁標頭(HEAD)內出現關鍵字
SEO-搜尋引擎最佳化search engine optimization,縮寫為SEO ... 網頁設計的難度,因此很多人都會自己設計網頁了,確還不知道什麼是HEAD網頁標頭,網頁 ...