這篇文章主要介紹前端入門的相關概念

1.網(wǎng)頁

1.1什么是網(wǎng)頁？

網(wǎng)站：是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用HTML等制作的用于展示特定內(nèi)容相關的網(wǎng)頁集合

網(wǎng)頁：是網(wǎng)站中的一“頁”，通常是HTML格式的文件，它要通過瀏覽器來閱讀

網(wǎng)頁是構成網(wǎng)站的基本元素，它通常是由圖片、鏈接、文字、聲音、視頻等元素組成。通常我們看到的網(wǎng)頁，常見以.htm或.html后綴結尾的文件，因此將其俗稱為HTML文件

1.2什么是HTML？

HTML指的是超文本標記語言（Hyper Text Markup Language），他是用來描述網(wǎng)頁的一種語言

HTML不是一種編程語言，而是一種標記語言（Markup Language）

標記語言是一套標記標簽（Markup tag）

所謂的超文本，有2層含義：

1. 它可以加入圖片、聲音、動畫、多媒體等內(nèi)容（超越了文本限制）
2. 它還可以從一個文件跳轉(zhuǎn)到另一個文件，與世界各地主機的文件連接（超級鏈接文本）

1.3網(wǎng)頁是怎么形成的？

網(wǎng)頁是由網(wǎng)頁元素組成的，這些元素是利用 html 標簽描繪出來的，然后通過瀏覽器解析來顯示給用戶的。

前端人員開發(fā)代碼———>瀏覽器顯示代碼（解析、渲染）————>生成最后的web頁面

1.4網(wǎng)頁總結

1. 網(wǎng)頁是圖片、鏈接 、文字、聲音、視頻等元素組成，其實就是一個html文件（后綴名為html）
2. 網(wǎng)頁生成制作：有前端人員書寫HTML文件，然后瀏覽器打開，就能看到網(wǎng)頁
3. HTML：超文本標記語言，用來制作網(wǎng)頁的一門語言，有標簽組成。比如 圖片標簽、鏈接標簽、視頻標簽等

2.常用的瀏覽器

瀏覽器是網(wǎng)頁顯示、運行的平臺。常用的瀏覽器有Edge、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等，俗稱五大瀏覽器

2.1瀏覽器內(nèi)核

瀏覽器內(nèi)核（渲染引擎）：負責讀取網(wǎng)頁內(nèi)容，整理訊息，計算網(wǎng)頁的顯示方式并顯示頁面。

目前國內(nèi)一般瀏覽器都會采用 Webkit/Blink 內(nèi)核，如360，UC，QQ，搜狗等。

3.Web標準（重點）

Web標準是由W3C組織和其他標準化組織制定的一系列標準的集合。W3C（萬維網(wǎng)聯(lián)盟）是國際最著名的標準化組織。

3.1為什么需要Web標準

瀏覽器不同，它們顯示頁面或者排版就有些許差異

遵循Web標準除了可以讓不同的開發(fā)人員寫出的頁面更標準、更統(tǒng)一外，還有以下優(yōu)點∶

1. 讓 Web的發(fā)展前景更廣闊
2. 內(nèi)容能被更廣泛的設備訪問
3. 更容易被搜尋引擎搜索
4. 降低網(wǎng)站流量費用
5. 使網(wǎng)站更易于維護
6. 提高頁面瀏覽速度

3.2Web標準的組成

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

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

簡單理解︰結構寫到HTML文件中，表現(xiàn)寫到CSS文件中，行為寫到JavaScript文件中。

形象比喻：

4.總結

這篇文章主要是介紹了前端的一些相關概念，算是一些準備工作吧。其中，有些概念要熟記。