提升網頁價值-學習筆記

網頁的價值是什麼？

• 代碼少，結構清晰

1. 頁面加載速度更快
2. 帶寬要求降低（代碼更簡潔），成本降低
3. 更利於搜索引擎的抓取

• 更好的兼容性和擴展性

1. 被更多的用戶所訪問（包括失明、視弱、色盲等殘障人士）
2. 被更廣泛的設備所訪問（包括屏幕閱讀機、手持設備）
   

• 頁面靈活性強

1. 改版方便，不需要變動頁面內容
2. 更少的代碼和組件，容易維護
3. 靈活控制頁面板塊顯示順序

頁面製作出來給誰看？

• 美工設計出的頁面--瀏覽者（界面、信息）
• Web前端開發人員製作出來的頁面

1. 搜索引擎
   
2. 瀏覽者
3. 研發人員

便於搜索引擎搜索

• 搜索引擎

1.  結構合理，代碼簡約無錯誤；
2. 語義化命名
3. 代碼壓縮（代碼縮寫，公共屬性處理，剔除多餘空格）
   

• 備註-唯一h1，頁面可以存在多個h1，都重要就表示都不重要，搜索引擎so clever