flag：最終目標就是進入大廠成為一個優秀的前端攻城獅！
1.一個普通網站訪問的過程
簡單概括一下，對於我們普通的網站訪問，總體來說分為以下幾個過程:
DNS解析
TCP連線
傳送HTTP請求
伺服器處理請求並返回HTTP報文
瀏覽器解析渲染頁面
連線結束
頁面渲染：生成DOM樹、解析css樣式、js互動
2.html
HTML 水平線
<hr /> 標籤在 HTML 頁面中建立水平線。
hr 元素可用於分隔內容。
HTML 文字格式化 （粗體，刪除樣式等，需要時查w3school）
HTML 引用
HTML 引文、引用和定義元素
| 標籤 | 描述 |
|---|---|
| <abbr> | 定義縮寫或首字母縮略語。 |
| <address> | 定義文件作者或擁有者的聯絡資訊。 |
| <bdo> | 定義文字方向。 |
| <blockquote> | 定義從其他來源引用的節。 |
| <dfn> | 定義專案或縮略詞的定義。 |
| <q> | 定義短的行內引用。 |
| <cite> | 定義著作的標題 |
HTML 計算機程式碼元素
| 標籤 | 描述 |
|---|---|
| <code> | 定義計算機程式碼文字 |
| <kbd> | 定義鍵盤文字 |
| <samp> | 定義計算機程式碼示例 |
| <var> | 定義變數 |
| <pre> | 定義預格式化文字 |
條件註釋
您也許會在 HTML 中偶爾發現條件註釋：
<!--[if IE 8]>
.... some HTML here ....
<![endif]-->
複製程式碼條件註釋定義只有 Internet Explorer 執行的 HTML 標籤。
HTML 支援有序(ol)、無序(ul)和定義列表(以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。)
什麼是響應式 Web 設計？
- RWD 指的是響應式 Web 設計（Responsive Web Design）
- RWD 能夠以可變尺寸傳遞網頁
- RWD 對於平板和移動裝置是必需的
通過使用框架，你可以在同一個瀏覽器視窗中顯示不止一個頁面。
- 框架結構標籤（<frameset>）定義如何將視窗分割為框架
- 每個 frameset 定義了一系列行或列
- rows/columns 的值規定了每行或每列佔據螢幕的面積
iframe 用於在網頁內顯示網頁。
標籤
<noscript> 標籤提供無法使用指令碼時的替代內容，比方在瀏覽器禁用指令碼時，或瀏覽器不支援客戶端指令碼時。
頭部head： http://www.w3school.com.cn/html/html_head.asp （meta base ）
HTML 字元實體 http://www.w3school.com.cn/html/html_entities.asp
用組合表單資料
下面是 <form> 屬性的列表：
| 屬性 | 描述 |
|---|---|
| accept-charset | 規定在被提交表單中使用的字符集（預設：頁面字符集）。 |
| action | 規定向何處提交表單的地址（URL）（提交頁面）。 |
| autocomplete | 規定瀏覽器應該自動完成表單（預設：開啟）。 |
| enctype | 規定被提交資料的編碼（預設：url-encoded）。 |
| method | 規定在提交表單時所用的 HTTP 方法（預設：GET）。 |
| name | 規定識別表單的名稱（對於 DOM 使用：document.forms.name）。 |
| novalidate | 規定瀏覽器不驗證表單。 |
| target | 規定 action 屬性中地址的目標（預設：_self）。 |
HTML 5
SVG
SVG 是一種使用 XML 描述 2D 圖形的語言。
SVG 基於 XML，這意味著 SVG DOM 中的每個元素都是可用的。您可以為某個元素附加 JavaScript 事件處理器。
在 SVG 中，每個被繪製的圖形均被視為物件。如果 SVG 物件的屬性發生變化，那麼瀏覽器能夠自動重現圖形。
Canvas
Canvas 通過 JavaScript 來繪製 2D 圖形。
Canvas 是逐畫素進行渲染的。
在 canvas 中，一旦圖形被繪製完成，它就不會繼續得到瀏覽器的關注。如果其位置發生變化，那麼整個場景也需要重新繪製，包括任何或許已被圖形覆蓋的物件。