---
# System prepended metadata

title: WEEK2_QUIZ
tags: [Cmoney_Web_檢討]

---

---
tags: Cmoney_Web_檢討
---
WEEK2_QUIZ
===

檢討
---

1. picture 標籤 響應式圖片

2. banner 只有圖 為了 SEO 給個字 用 text-indent 隱藏文字  

3. figure 標籤 裝圖片

4. a 標籤 不要拿來排版 

5. banner 高度 50vh 

6. 圓角 overflow:hidden 

7. .nav 不要用 width 95 % 用 margin 推

8.  有多欄資料時 img w-100 不要用 用旁邊 margin 推 

評語
---
1. 還原圖稿: 頁籤沒有圓角
2. 還原圖稿: 行動裝置版頁籤寬度沒有與下方清單保持同樣寬度
3. 還原圖稿: 行動裝置版下方的旅遊方案左、右兩側距離太近了，壓迫感很重
4. SEO: alt 應放入有意義的文字，例如: 小樽函館 or 秋天撿到我的心，北海道5日
5. SEO: banner 下載 2 張圖，且沒有 alt 內容
6. 不扣分 - HTML: \<nav> 抽出來的彈性比較大，且不需要用 position 定在最下面
7. HTML: banner 的結構改為兩張圖應使用 \<picture> 較合適，不會造成多餘的流量
8. CSS: 寬度設定 23% 不夠直覺是分四等分