我不需要HTML5相關的書，更多的是需要HTML靜態網頁標籤詳解的書，同時最好要有真實案例在裡面。CSS相關的內容也可以有，但不是主要的。急求這類書，因為它能夠解決我當前在製作個人網站時候的問題，求推薦！謝謝！

w3cshool

這個沒事看看就一般夠用

我也一直在找 HTML 的入門資料，想知道到底怎樣才算是規範使用標籤。但是，市面上找不到特別好的資料

矬子裡面拔將軍，只說 HTML，不包括 HTML5 和 CSS，說幾個還不錯的吧

書籍：

《深入理解HTML5：語義、標準與樣式》（這本書京東自營已經沒貨了）

上面這本書雖然題目是 HTML5，但是書的前一半內容都是講 HTML4，全書總共 250 多頁，比《Head First HTML 與 CSS、XHTML》語言精練了不少，又不像《HTML 權威指南》這種大塊頭完全沒有讀下去的興趣

總之，這本書作為一本 HTML 參考書還可以啦，其實質量一般，但實在沒找到更好的書

網站：

MDN 的 HTML 教程和 阮一峰的 HTML 教程都很推薦

學習 HTML ：指南與教程?

developer.mozilla.org圖標HTML 教程?

wangdoc.com

最後是我的前端個人小站中，HTML 部分的總結，可以部分參考

小火柴的前端小站?

www.xiaohuochai.cc

按照你的要求，建議讀MDN

HTML（超文本標記語言）?

developer.mozilla.org圖標學習 HTML ：指南與教程?

developer.mozilla.org圖標

但前端的學習HTML只能算是一部分，同時建議不要硬磕死磕，前端初期不只要提高知識的深度，也要提高知識的廣度，甚至在我看來，這個階段廣度還要比深度更重要一些

推薦書籍：（建議按照我給的先後的順序看哦）

HTML5 與 CSS：

《CSS權威指南(第三版)》是基礎。《CSS揭秘》是進階，JavaScript：《javascript語言精粹》《JavaScript DOM編程藝術(第2版)》《JavaScript高級程序設計》《JavaScript權威指南》

《JavaScript權威指南（第6版）》

uve：《Vue.js權威指南》-&> 《Vue.js前端開發實戰》-&> 《vue實戰》

給您一點點建議。初學者建議多看一些視頻學習，視頻是一個互動的載體。

可以看到實際的操作過程。

顯然是一個信息量比書要豐富多的載體。

所以看視頻是優於看書的。

但是對於高手來說看書優於看視頻。

學編程看視頻與看書那個好一些？怎樣學習效率高？需要注意什麼？差點兔了的視頻 · 877 播放

推薦《從零開始學HTML5+CSS3》，作者胡曉霞等著，機械工業出版社。

MDN

再不行看SPEC

我也不知道有什麼入門書能讓你超神。。。╮(￣▽￣)╭

一）前端基本功

前端相關的基礎知識

  1. 《HTTP/3 來了 ！未來可期》
  2. 《你可能已經忽略的 git commit 規範》
  3. 《手寫一個 WebSocket 協議》
  4. 《5000字解析：前端五種跨平台技術》
  5. 《一篇搞定移動端適配》
  6. 《Chrome DevTools中的這些騷操作，你都知道嗎？》
  7. 《Chrome 運行時性能瓶頸分析》
  8. 《當瀏覽器全面禁用三方 Cookie》
  9. 《無形中提高工作效率的 Chrome 插件》
  10. 《還分不清 Cookie、Session、Token、JWT？》
  11. 《你連 HTTPS 原理都不懂，還講「中間人攻擊」？》
  12. 《npm install 原理分析》
  13. 《不容錯過的 Babel 7 知識匯總》
  14. 《一文搞懂 Web 中暗藏的密碼學》
  15. 《解讀HTTP/2與HTTP/3 的新特性》

CSS

  1. 《那些不常見，但卻非常實用的 CSS 屬性》
  2. 《面試官：你可以用純 CSS 判斷滑鼠進入的方向嗎？》
  3. 《二營長，快掏個CSS出來給我畫個井字棋遊戲》
  4. 《CSS 故障藝術》
  5. 《我寫CSS的常用套路(附demo的效果實現與源碼）》
  6. 《來自新時代的 CSS》
  7. 《你還不會 CSS 動畫？》

JavaScript

  1. 《誰說前端不需要懂二進位》
  2. 《你不知道的 Blob》
  3. 《Javascript常用的 60 余種工具方法》
  4. 《你可以這樣優化 if-else 代碼結構》
  5. 《JS 圖片壓縮的實現思路》
  6. 《一個簡潔、有趣的無限下拉方案》
  7. 《請你實現一個大文件上傳和斷點續傳》
  8. 《從 ES6 到 ES10 的新特性萬字大總結》
  9. 《JavaScript 手寫代碼無敵秘籍》

TypeScript

  1. 《通俗易懂的 TypeScript 入門教程》
  2. 《用 TypeScript 編寫 React 的最佳實踐》
  3. 《一文讀懂 JS 裝飾器》
  4. 《你真的懂 Promise 嗎？》
  5. 《Typescript 那些好用的技巧》
  6. 《Typescript 嚴格模式有多嚴格？》

二）前端框架、工具、庫

React

  1. 《用 TypeScript 編寫 React 的最佳實踐》
  2. 《2020 年你應該知道的 React 庫》
  3. 《5 個技巧助你編寫更好的 React 代碼》
  4. 《10個案例讓你徹底理解React hooks的渲染邏輯》
  5. 《組件演進史：從Mixin到HOC，再到Hook》

Vue

  1. 《1.1萬字從零解讀Vue3.0源碼響應式系統》
  2. 《重頭來過的 Vue 3 帶來了什麼？》

Nodejs

  1. 《一杯茶的時間，上手 Node.js》
  2. 《深入理解 Node.js 進程與線程》

Deno

  1. 《Deno 會取代 Node.js 嗎？》
  2. 《了不起的 Deno 入門教程》
  3. 《推倒 Node 重做，Deno 1.0 來了》

Webpack

  1. 《一文搞懂 Webpack 多入口配置》

GraphQL

  1. 《GraphQL-前端開發的利劍與橋樑》
  2. 《GraphQL 入門看這篇就夠了》
  3. 《前端工程師應該了解的 GraphQL》

VS Code

《動圖演示11個必備 VS Code 插件》

三）面試題精選

  1. 《高頻前端面試題》
  2. 《吐血整理！再來一打 Webpack 面試題》
  3. 《前端同學經常忽視的一個 JavaScript 面試題》
  4. 《如何輕鬆拿到淘寶前端 offer》
  5. 《三年大廠面試官：二面題》
  6. 《十幾道含答案的大廠面試題總結》
  7. 《如何答一道驚艷面試官的數組去重問題？》
  8. 《10 個 CSS 高頻面試題，你都會嗎？》
  9. 《經常被面試官考的 JS 數據類型知識你真的懂嗎？》
  10. 《面試須知：瀏覽器相關原理詳細總結》
  11. 《2019 大齡前端如何準備面試？》
  12. 《2018 大廠高級前端面試題匯總》

四）前端開發的職業修鍊

  1. 《前端如何在項目中做出亮點》
  2. 《Facebook 前端技術棧重構分享》
  3. 《當前端基建任務落到你身上，該如何推動協作？》
  4. 《使用 docker 高效部署你的前端應用》
  5. 《關於前端學習路線的一些建議》
  6. 《各種場景喚起 App 的騷操作》
  7. 《Web 視頻播放前前後後那些事》
  8. 《你必須要注意的依賴安全漏洞》
  9. 《從 12.67s 到 1.06s 的網站性能優化實戰》
  10. 《網易雲音樂前端性能監控實踐》
  11. 《一個阿里前端工程師的成長之路》
  12. 《非常全面的前端協作規範》
  13. 《一名合格前端工程師的自檢清單》
  14. 《從 0 到 1 再到 100：搭建、編寫、構建一個前端項目》

推薦閱讀：
相关文章