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>）定義如何將窗口分割為框架
• 每個 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 中，一旦圖形被繪制完成，它就不會繼續得到瀏覽器的關注。如果其位置發生變化，那么整個場景也需要重新繪制，包括任何或許已被圖形覆蓋的對象。

轉載于:https://juejin.im/post/5b59307a5188251b2621f112

總結

以上是生活随笔為你收集整理的网站访问过程HTML的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。