休息了一下，開始學習語義化標籤：header、footer、article、aside、section、details、summary、dialog。之前看視頻的時候便有疑問：不清楚它們存在的意義。如例子header標籤的效果，畢竟從表面上看，有沒有header標籤，沒什麼區別。所以，header的存在價值是什麼？Up主在HTML header 標籤博客中給出瞭如下的標籤功能定義。但是……沒什麼收穫。
說到能夠及時呈現出標籤腳本的網頁效果的工具，推薦菜鳥教程中的“嘗試一下”或者W3school教程中的“親自試一試”功能（當然，也可以在VSCode軟件及其他可用的軟件上自己敲一遍，看個人需求了）。但是對於header標籤來說，即便是我使用了菜鳥教程中的“嘗試一下”功能，依舊看不出來什麼效果，無奈了……
所以呢？這能說明什麼？？？只能必應一下了……
然而，收穫一般……標籤header是html5新標籤，在沒有header標籤的時候，主要使用的是div標籤，使用方法是<div id=”header”></div>或者<div class=”header”></div>。現在，html5新定義了header標籤，可以直接使用方法<header></header>標籤定義了嗎？總之，感覺還是缺點什麼……
想起之前看Oeasy官網出的關於html的教學視頻中的主講老師常使用的方法：直接進去已有的知名網站中，按F12鍵，搜索（ctrl+F）對應標籤的關鍵字，查看對應標籤的效果（只看了部分視頻，感覺講的很深，很乾貨，但不太適合時間緊迫的小白，因爲印象中一個段落p標籤講了半個多小時）。所以，我果斷打開了B站（B站是我自學前端的主站），哈哈。
由於一共搜索出52個結果，依次定位每個header標籤的位置，慢慢的發現，原來B站的首頁被劃分了許多塊，每個塊都擁有一個大的標題欄，而這個標題欄便是用header標籤定義的，如下圖所示。（原來是這樣哈，現在總算可以直觀感受一下header的作用了。）
同樣的方法，嘗試搜索其它語義化標籤：footer、article、aside、section、details、summary、dialog。但尷尬的是footer與article存在類似<div id=”header”></div>或者<div class=”header”></div>形式的標籤定義外，並沒有直接存在<footer></footer>和<article></article>形式的標籤寫法。
看到這裏，我貌似能明白必應搜索的那段解釋了……
由於B站首頁中，其它語義化標籤（article、aside、section、details、summary、dialog）均不存在。所以爲了更好的看到其它語義化標籤的效果，我直接打開了菜鳥教程的對應標籤觀察網頁。
總結一下：
1. html5新增的語義化標籤包括header、footer、article、aside、section、details、summary、dialog；
2. 一個網頁可以有多個部分，而每個部分可以擁有一個標題，每個標題使用header標籤呈現。即，一個網頁可以擁有多個header標籤；
3. article標籤可以包含header標籤；
4. footer標籤一般位於網頁的最下方位置處，包含的內容：“關於我們”、“加入我們”、“友情鏈接”、“隱私政策”、“用戶反饋”、“活動中心”、“合作機構”、“公司地址”等。
5. details和summary標籤一起使用的時候，且<summary> 元素應該是 <details> 元素的第一個子元素，則會呈現標題細節內容的摺疊打開效果。
6.記憶核心內容。
未解決問題：
details標籤、summary標籤、aside標籤、dialog標籤單獨使用的效果目前還不明白。