HTML

一.什么叫網(wǎng)頁？

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

網(wǎng)站是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用 HTML 等制作的用于展示特定內(nèi)容相關(guān)的網(wǎng)頁集合。網(wǎng)頁是網(wǎng)站中的一“頁”，通常是 HTML 格式的文件，它要通過瀏覽器來閱讀。

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

1.2 什么是HTML？

HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language) ，它是用來描述網(wǎng)頁的一種語言。
HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language)。
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)。

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

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

1.3 網(wǎng)頁的組成

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

image-20210427200700111

1.4 網(wǎng)頁總結(jié)

網(wǎng)頁是圖片、鏈接、文字、聲音、視頻等元素組成, 其實(shí)就是一個(gè)html文件(后綴名為html)
網(wǎng)頁生成制作: 有前端人員書寫 HTML 文件, 然后瀏覽器打開,就能看到了網(wǎng)頁.
HTML: 超文本標(biāo)記語言, 用來制作網(wǎng)頁的一門語言. 有標(biāo)簽組成的. 比如 圖片標(biāo)簽 鏈接標(biāo)簽 視頻標(biāo)簽等…

二.常用瀏覽器

2.1 常用瀏覽器

image-20210428164833563

2.2 瀏覽器內(nèi)核

image-20210428164912299

2.3 Web 標(biāo)準(zhǔn)（重點(diǎn)）

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

2.3.1 為什么需要 Web 標(biāo)準(zhǔn)

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

image-20210428165204005

2.3.2 為什么需要遵循 Web 標(biāo)準(zhǔn)

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

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

2.3.3 Web 標(biāo)準(zhǔn)的構(gòu)成

主要包括結(jié)構(gòu)（Structure） 、表現(xiàn)（Presentation）和行為（Behavior）三個(gè)方面。

image-20210428165430562

2.3.4 Web 標(biāo)準(zhǔn)的構(gòu)成

image-20210428165504911