1. 程式人生 > 其它 >關於Web的一些知識,Web怎麼構成?

關於Web的一些知識,Web怎麼構成?

前端學習:學習地址:黑馬程式設計師pink老師前端入門教程,零基礎必看的h5(html5)+css3+移動,下面這些都是一些學習筆記。臨淵羨魚,不如退而結網!!願我自己學有所成,也願每個前端愛好者學有所成

一. 網頁

1.1 什麼是網頁

  • 網站是指在因特網上根據一定的規則,使用 HTML 等製作的用於展示特定內容相關的網頁集合。
  • 網頁是網站中的一“頁”,通常是 HTML 格式的檔案,它要通過瀏覽器來閱讀。
  • 網頁是構成網站的基本元素,它通常由圖片、連結、文字、聲音、視訊等元素組成。通常我們看到的網頁, 常見.html 字尾結尾的檔案,因此將其俗稱為 HTML 檔案。

1.2 什麼是HTML

HTML 指的是超文字標記語言 (Hyper Text Markup Language) ,它是用來描述網頁的一種語言。 HTML 不是一種程式語言,而是一種標記語言 (markup language)。 標記語言是一套標記標籤 (markup tag)。

所謂超文字,有 2 層含義

  1. 它可以加入圖片、聲音、動畫、多媒體等內容(超越了文字限制 )。
  2. 它還可以從一個檔案跳轉到另一個檔案,與世界各地主機的檔案連線(超級連結文字 )。

1.3 網頁的形成

網頁是由網頁元素組成的,這些元素是利用 html 標籤描述出來,然後通過瀏覽器解析來顯示給使用者的。

二. 瀏覽器

2.1 常用瀏覽器

瀏覽器是網頁顯示、執行的平臺。常用的瀏覽器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平時稱為五大瀏覽器。

2.2 瀏覽器核心

瀏覽器核心(渲染引擎): 負責讀取網頁內容,整理訊息,計算網頁的顯示方式並顯示頁面。

2.3 瀏覽器私有字首

三. Web標準

Web 標準是由 W3C 組織和其他標準化組織制定的一系列標準的集合。W3C(全球資訊網聯盟)是國際最著名的標準化組織。

3.1 為什麼需要web標準

遵循 Web 標準除了可以讓不同的開發人員寫出的頁面更標準、更統一外,還有以下優點:

  • 讓 Web 的發展前景更廣闊。
  • 內容能被更廣泛的裝置訪問。
  • 更容易被搜尋引擎搜尋。
  • 降低網站流量費用。
  • 使網站更易於維護。
  • 提高頁面瀏覽速度。

3.2 Web標準的構成

主要包括結構(Structure) 、表現(Presentation)和行為(Behavior)三個方面。

標準 解釋
結構 結構用於對網頁元素進行整理和分類,現階段主要學HTML
表現 表現用於設定網頁元素的版式、顏色、大小等外觀形式,主要是指CSS
行為 行為是指網頁模型的定義及互動的編寫,現階段主要學的是JavaScript

Web 標準提出的最佳體驗方案:結構、樣式、行為相分離

簡單理解: 結構寫到 HTML 檔案中, 表現寫到 CSS 檔案中, 行為寫到 JavaScript 檔案中。

四. 查閱文件

經常查閱文件是個非常好的習慣

推薦的網址: