分享

自主學習課:HTML——head-可能創學台南-2021春學W9D2

上次結束了三個語法的基礎認識,今天要來開始深入了解HTML的細節。
今天的目標是:學習 HTML<head>標籤的概念、用途、基本組成,以及它對 HTML文檔的影響。

<head>

HTML的head元素與body元素的內容不同,body的內容在網頁被載入瀏覽器中時,會呈現在頁面上,而head的內容不會顯示在頁面上,它的用處在於容納文件的metadata(元資料)。
元資料裡面可能包含標題、摘要、作者和關鍵字等元素。這些元素雖然不會顯示在網頁上,但卻是作為描述其他資料資訊的重要角色。

偷窺

今天沒有練習,但是有檢視許多例子的機會
有個方法能夠讓我觀察網站的head元素,幫助我更加了解head,就是點下右鍵,按下「檢查」按鈕,能夠在網路上正大光明的偷窺網頁的程式碼。

偷窺時間

點開就像這樣

紅線框起來的地方就是今天所認識的head元素。像Google的瀏覽器本身只是作為搜尋,所以head元素沒有很多。

其他網站的例子

到YouTube來看,啪~的一大串跑出來,包含標題、一大堆超連結。

結束了基礎的認識,終於要開始更深的知識了,面對更加複雜的東西,我感到既興奮又期待,希望之後對Web開發有更多的了解後,未來在設計網頁能夠更加順遂。
分類:日記

*゚▽゚*

評論
上一篇
  • 自然科學課:吸水鳥實驗-可能創學台南-2021春學W9D1
  • 下一篇
  • 美學課:『賴上藝術』肌理-可能創學台南-2021春學W9D2
  • 更多文章
    載入中... 沒有更多了