1、网站是什么
網(wǎng)站是由一個(gè)一個(gè)網(wǎng)頁(yè)構(gòu)成的，要想理解網(wǎng)站是什么，首先要理解網(wǎng)頁(yè)是什么。
1. 什么是網(wǎng)頁(yè)？
網(wǎng)頁(yè)其實(shí)就是放在服務(wù)器上的一個(gè)文件，當(dāng)我們?yōu)g覽網(wǎng)頁(yè)時(shí)，這個(gè)文件會(huì)被下載到我們本地的電腦，然后再由瀏覽器解析，渲染出各種漂亮的界面，比如表格、圖片、標(biāo)題、列表等。
網(wǎng)頁(yè)文件的后綴有很多種，比如.html、.php、.jsp、.asp等，相信讀者在瀏覽器的地址欄里也都見到過，如下圖所示：
但不管網(wǎng)頁(yè)的后綴是什么，它的本質(zhì)都是一樣的，就是由 HTML 代碼構(gòu)成的純文本文件。
我們可以使用記事本、Notepad++、Sublime Text、Vim 等文本編輯器打開網(wǎng)頁(yè)文件，看到它的所有內(nèi)容，就像下面這樣：
<!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><title>這是網(wǎng)頁(yè)標(biāo)題</title> </head> <body><p>這是一段文本</p><a href="http://c.biancheng.net/">這個(gè)一個(gè)超鏈接</a><ul><li>條目1</li><li>條目2</li><li>條目3</li></ul> </body> </html>這就是 HTML 代碼！我們可以看到很多由<>包圍的特殊標(biāo)記，這叫做 HTML 標(biāo)簽（Tag），瀏覽器通過識(shí)別這些 HTML 標(biāo)簽來渲染出各種界面和效果。
每種 HTML 標(biāo)簽都有不同的含義，適用于不同的場(chǎng)景，能展示出不同的效果，例如：
- <html> 標(biāo)簽用來包圍當(dāng)前網(wǎng)頁(yè)的所有 HTML 代碼，可以把它看做一個(gè)外殼。
- <head> 標(biāo)簽表示網(wǎng)頁(yè)的頭部，用來設(shè)置一些網(wǎng)頁(yè)的參數(shù)，在瀏覽器中是看不到的：
- <meta charset="UTF-8"> 用來指明當(dāng)前網(wǎng)頁(yè)的編碼格式是 UTF-8；
- <title> 用來設(shè)置當(dāng)前網(wǎng)頁(yè)的標(biāo)題，相當(dāng)于文件的名字，它會(huì)顯示在瀏覽器的標(biāo)題欄。
- <body> 標(biāo)簽表示網(wǎng)頁(yè)的正文內(nèi)容，也就是需要在瀏覽器主界面中顯示的內(nèi)容：
- <p> 標(biāo)簽用來表示一個(gè)段落，能容納一段文本；
- <a> 標(biāo)簽用來表示一個(gè)超鏈接，用鼠標(biāo)點(diǎn)擊后可以跳轉(zhuǎn)到其它網(wǎng)頁(yè)；
- <ul> 標(biāo)簽用來表示一個(gè)列表，其中的每個(gè) <li> 都是子標(biāo)簽，用來表示一個(gè)列表項(xiàng)。
將上面的代碼保存到 index.html，拖到瀏覽器中運(yùn)行，可以看到如下的效果：
這是一個(gè)非常簡(jiǎn)陋的網(wǎng)頁(yè)，僅作為例子來演示，真實(shí)網(wǎng)頁(yè)的 HTML 代碼遠(yuǎn)比這復(fù)雜，你可以在網(wǎng)頁(yè)上單擊鼠標(biāo)右鍵，然后在彈出菜單中選擇“查看網(wǎng)頁(yè)源代碼”，就可以查看當(dāng)前網(wǎng)頁(yè)的 HTML 代碼。
2. 什么是網(wǎng)站？
一個(gè)網(wǎng)站由很多網(wǎng)頁(yè)組成，可以將多個(gè)網(wǎng)頁(yè)放在一個(gè)文件夾中，這個(gè)文件夾還可以嵌套其它子文件夾，最終形成一個(gè)樹狀結(jié)構(gòu)，如下圖所示：
如果我們給頂級(jí)目錄 program 綁定一個(gè)域名 www.domain.com，那么用戶就可以通過 www.domain.com 來訪問 program 文件夾中的所有文件（包括子文件夾），例如：
- www.domain.com/demo.html
- www.domain.com/python/
- www.domain.com/java/spring.html
- www.domain.com/java/maven/profile.html
可以認(rèn)為，網(wǎng)站就是一個(gè)綁定了域名的文件夾，該文件夾中可以包含子文件夾以及各種各樣的文件，這些文件都可以通過域名來訪問。當(dāng)我們?cè)诘刂窓谥休斎胍粋€(gè) URL 時(shí)，它其實(shí)已經(jīng)展示了服務(wù)器上的目錄結(jié)構(gòu)，例如 http://c.biancheng.net/linux/ln.html，就表示訪問 linux 目錄下的 ln.html 文件。
當(dāng)然，你也可以不綁定域名，只要在服務(wù)器上設(shè)置某個(gè)文件夾提供 Web 服務(wù)，用戶也可以通過 IP 地址來訪問。
互聯(lián)網(wǎng)上的所有服務(wù)器都是通過 IP 地址來定位的，域名只是 IP 地址的一種助記符，幫助用戶記住網(wǎng)站的鏈接以及品牌。使用域名訪問網(wǎng)站時(shí)，瀏覽器會(huì)先找到域名對(duì)應(yīng)的 IP 地址，然后再通過 IP 地址請(qǐng)求服務(wù)器上的文件；這個(gè)過程叫做域名解析，是通過 DNS 服務(wù)器來完成的。
網(wǎng)站的作用是把計(jì)算機(jī)上的數(shù)據(jù)（文章、博客、圖片、視頻等）分享出去，讓別人也能獲取到有用的信息；同時(shí)，別人也能發(fā)布自己的數(shù)據(jù)（發(fā)布文章、留言、上傳視頻等），讓網(wǎng)站的內(nèi)容更加豐富。網(wǎng)站和用戶之間是一個(gè)相互促進(jìn)的關(guān)系，網(wǎng)站用戶越多，積累的數(shù)據(jù)也就越多，然后就會(huì)吸引更多用戶繼續(xù)分享數(shù)據(jù)，這是一個(gè)良性循環(huán)，是一個(gè)健康的生態(tài)。
網(wǎng)站是互聯(lián)網(wǎng)的基石，它讓用戶獲取信息，也讓用戶分享信息，所以現(xiàn)在的互聯(lián)網(wǎng)才能豐富多彩。
1) 網(wǎng)站服務(wù)器（Server）
我們都知道網(wǎng)站放在服務(wù)器上，服務(wù)器其實(shí)就是一臺(tái)計(jì)算機(jī)，它和我們平時(shí)使用的筆記本、臺(tái)式機(jī)并沒有什么區(qū)別，都由主板、CPU、內(nèi)存、風(fēng)扇等部件構(gòu)成。不過，服務(wù)器一般是不帶顯示器、鍵盤、音響等外設(shè)的（當(dāng)然它也支持這些外設(shè)），因?yàn)榉?wù)器的唯一用途就是運(yùn)行網(wǎng)站，沒有其它作用，所以用家庭臺(tái)式機(jī)的主機(jī)箱來類比服務(wù)器更加恰當(dāng)。
服務(wù)器一般放在專業(yè)的機(jī)房中，這些機(jī)房溫度恒定、網(wǎng)絡(luò)暢通、有備用電源、有容災(zāi)備份，能夠保證服務(wù)器 7×24 小時(shí)不間斷運(yùn)行。
另外，為了讓服務(wù)器能夠放入機(jī)柜中，避免占用太多空間，服務(wù)器一般看起來很薄，是扁平的，這就是人們常說的“刀片”。
3. 總結(jié)
網(wǎng)站可以認(rèn)為是放在服務(wù)器上的一個(gè)文件夾，它包含了很多網(wǎng)頁(yè)文件以及很多子文件夾。用戶訪問網(wǎng)站就是讀取文件的內(nèi)容，用戶分享數(shù)據(jù)就是修改文件的內(nèi)容，或者刪除現(xiàn)有的文件，或者創(chuàng)建一個(gè)新的文件。
總結(jié)
- 上一篇： 25、Java Swing文本编辑器的实
- 下一篇： 2、HTML ＜img＞标签（插入图片）