學習了一些新的標籤：

<header>
    <h1>我的網站</h1>
</header>

<article>
    <p>這是一篇文章。</p>
</article>

<footer>
    網站資訊
</footer>

一開始看到的時候想說：

「這些跟 <div> 有點類似？」🤔
因為看起來好像也都是把內容包起來而已，但這些標籤文字又不同，他們應該有各自的功用？
原來這些標籤除了可以把內容分開之外，還有各自代表的意義。

例如 <header> 可以用來表示網頁或區塊的標頭，<article> 可以表示一篇獨立的內容，而 <footer> 則可以表示頁尾。
到這裡開始真的有做平面設計的感覺了，只是在這裡變成是用一串串的程式碼去安排位置。。🤣

這件事情讓我想到前幾天學到的 <h1>
當時我原本只是覺得 <h1> 是「比較大的標題」，但後來才知道它其實也代表了內容的重要程度。
現在更能理解為什麼 HTML 需要這麼多不同的標籤。

如果全部都只用 <div> 把內容包起來，雖然好像也可以把網頁做出來？但這樣的話在看 HTML 程式碼時，就根本不知道要調整特定區塊的話要修改哪一行字了，應該會是地獄般的體驗。

Day 8，了解了安排網頁的方式，如<header>、<article>、<footer>等等。