在前幾節課中，有一部分 HTML 代碼比較松散，沒有統一到一個類別塊里。比如：很多的標簽超鏈接沒有歸類到 UL 里，導致一些問題等。
//松散的<a>標簽<a href="###">曼谷(12)</a><a href="###">東京(5)</a><a href="###">西雙版納(8)</a>...這樣寫使用多個標簽有什么問題？具體如下：
1.從語義不明確，如果外部包含 UL 可以理解為標簽列表； 2.從 CSS 布局排版上，UL 作為一個整體，更容易統一排版； 3.從 SEO 角度考慮，大量 a 標簽有可能會被判定堆積關鍵字嫌疑，從而導致網站降權，
用 UL 包含判斷則讓搜索引擎判定為有條例的列表，對搜索引擎更加友好。
//改成這種形式<ul> <li><a href="###">曼谷(12)</a></li> <li><a href="###">東京(5)</a></li> <li><a href="###">西雙版納(8)</a></li></ul>//重新改寫的 CSS#container .tag { text-align: center; padding: 10px 0;}#container .tag li { display: inline-block; background-color: #eee; width: 100px; height: 35px; line-height:35px; text-indent:8px; text-align: left; margin:2px 0;}#container .tag a { display: block; color: #999;}#container .tag a:hover { color: #fff; background-color: #458B00;}同樣，檢查了首頁，也有一個歸類的問題，就是<figcaption>標簽。字面上意思是表示圖片的標題或簡要信息。那我們設想一下，把除了標題和其他圖片有關的簡要信息都歸于<figcaption>可以達到更好的排版效果。
旅游資訊在展示內容的上面，需要一個子導航塊。 
新聞熱點
疑難解答
