一、網頁
1.什么是網頁:
網站是指在因特網上根據一定的規則,使用 HTML 等制作的用于展示特定內容相關的網頁集合。
網頁是網站中的一“頁”,通常是 HTML 格式的文件,它要通過瀏覽器來閱讀。
網頁是構成網站的基本元素,它通常由圖片、鏈接、文字、聲音、視頻等元素組成。通常我們看到的網頁,常見以 .htm 或 .html 后綴結尾的文件,因此將其俗稱為 HTML 文件。
2.什么是 HTML
HTML 指的是超文本標記語言 (Hyper Text Markup Language) ,它是用來描述網頁的一種語言。
HTML 不是一種編程語言,而是一種標記語言 (markup language)。
標記語言是一套標記標簽 (markup tag)。
所謂超文本,有 2 層含義:
1. 它可以加入圖片、聲音、動畫、多媒體等內容(超越了文本限制 )。
2. 它還可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接(超級鏈接文本 )。
3.網頁的形成
網頁是由網頁元素組成的,這些元素是利用 html 標簽描述出來,然后通過瀏覽器解析來顯示給用戶的。
前端人員開發代碼 ----> 瀏覽器顯示代碼(解析、渲染) -----> 生成最后的 Web 頁面?
4.網頁總結
網頁是圖片、鏈接、文字、聲音、視頻等元素組成, 其實就是一個html文件(后綴名為html)
網頁生成制作: 有前端人員書寫 HTML 文件, 然后瀏覽器打開,就能看到了網頁.
HTML: 超文本標記語言, 用來制作網頁的一門語言. 有標簽組成的. 比如 圖片標簽 鏈接標簽 視頻標簽等…
二、常用瀏覽器
網頁是通過瀏覽器來展示的, 關于瀏覽器我們要介紹以下兩點:
1. 常用的瀏覽器
2. 瀏覽器內核
瀏覽器是網頁顯示、運行的平臺。常用的瀏覽器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。 平時稱為五大瀏覽器。
查看瀏覽器市場份額:http://tongji.baidu.com/data/browser
1.瀏覽器內核
瀏覽器內核(渲染引擎): 負責讀取網頁內容,整理訊息,計算網頁的顯示方式并顯示頁面。
目前國內一般瀏覽器都會采用 Webkit/Blink 內核,如 360、UC、QQ、搜狗等。
三、Web 標準(重點)
接下來圍繞web標準,我們學習以下兩點: Web 標準是由 W3C 組織和其他標準化組織制定的一系列標準的集合。
W3C(萬維網聯盟)是國際最著名的標準化組織。
接下來圍繞web標準,我們學習以下兩點:
1. 為什么需要web標準
2. Web標準的構成?
1.為什么需要 Web 標準
瀏覽器不同,它們顯示頁面或者排版就有些許差異。
遵循 Web 標準除了可以讓不同的開發人員寫出的頁面更標準、更統一外,還有以下優點:
1. 讓 Web 的發展前景更廣闊。
2. 內容能被更廣泛的設備訪問。
3. 更容易被搜尋引擎搜索。
4. 降低網站流量費用。
5. 使網站更易于維護。
6. 提高頁面瀏覽速度。
?
2.Web 標準的構成
主要包括結構(Structure) 、表現(Presentation)和行為(Behavior)三個方面。
Web 標準提出的最佳體驗方案:結構、樣式、行為相分離
簡單理解: 結構寫到 HTML 文件中, 表現寫到 CSS 文件中, 行為寫到 JavaScript 文件中。