1.1 HTML 的歷史

如今,幾乎所有人都使用互聯網。閱讀文章、使用瀏覽器、關注鏈接。他們中只有少數人想知道互聯網是何時以及由誰發明的?

這仍然取決於您對互聯網的稱呼。大多數情況下,外行意味著一回事,而技術人員意味著另一回事。連接世界上最大的數據中心的計算機網絡創建於 70 年代。但是普通人可以訪問的互聯網(瀏覽器、鏈接、各種頁面)是 90 年代初期一個人發明的。是這樣的……

1990 年代初期,英國人蒂姆·伯納斯-李 (Tim Berners-Lee)發明了互聯網。儘管,儘管如此,他發明的東西更準確地稱為 Web:,World Wide Web他是www,他也是萬維網。是的,一個人發明了萬維網。

從 1986 年到 1991 年,他在 CERN 研究中心(位於瑞士日內瓦)從事新的科學文檔標準方面的工作。你看,科學家習慣以文章的形式發表科學論文,並在文章末尾標明所用文獻列表。換句話說,科學知識是相互鏈接的文章列表。

順便說一下,現代維基百科與其創建者對萬維網的看法非常相似:相互鏈接的科學文章、所使用的來源和文獻列表。如果 Tim 幸運的話,那麼網絡仍將是這個樣子。但是在通往更光明未來的道路上,世界在某個地方走錯了路:)

網絡基於三種技術:

  • HTML-page,其中包含文字、圖片和其他鏈接HTML-pages.
  • HTML-page•以最人性化的方式顯示的瀏覽器。
  • • 協議http——網絡服務器與瀏覽器和彼此通信的標準。

Tim Berners-Lee 並沒有發明這些東西,而是將它們標準化。HTML- 是在標準的基礎上創建的SGML。標籤也是從那裡借來的。但世界上第一個名為WorldWideWebTim 的網絡瀏覽器是他自己編寫的,時間可以追溯到 1990 年。

1.2 HTML 不是編程語言

HTML它不是一種編程語言,而且從來都不是。永遠不要那樣說。即使你會寫簡歷,也絕對不要HTML在編程語言部分註明,只能在工具(技術)部分註明。在你的簡歷中寫下你知道一門編程語言將是一個嚴重的錯誤HTML。為什麼?

關鍵是HTML它是一種文檔標記語言。如果我們非常簡化的話,那HTML-document就是一個文本(文檔)裡面插入了圖片、表格、鏈接等。

假設您想寫一篇文章:

  • 文章標題(title)。
  • 文章本身,由一個段落組成。
  • 圖片。
  • 您想用粗體顯示的一些重要陳述。
  • 在文章的中間,提供一些有用信息的鏈接。

以下是該文檔在瀏覽器中的外觀:


家貓

從科學分類學的角度來看,家貓是食肉目貓科的哺乳動物。通常,家貓被認為是森林貓的亞種,但是,從現代生物分類學(2017)的角度來看,家貓是一個獨立的生物物種


很好,對吧?該標准HTML允許您使該文檔對人類和計算機都可讀。這是它的樣子HTML-standard

<h1>家貓</h1>

從科學分類學的角度來看,家貓是食肉目貓科的<a href=”/”>哺乳動物</a> 。通常,家貓被認為是森林貓的亞種,但是,從現代生物分類學(2017)的角度來看,家貓<b>是一個獨立的生物物種</b>

<img src=”cat.jpg”>

文章文本中添加了特殊標籤以紅色突出顯示),人和計算機(瀏覽器)都可以理解這些標籤。瀏覽器可以為讀者精美展示文章,文章作者可以輕鬆編輯。

1.3 HTTP協議的出現

該縮寫HTML代表Hyper Text Markup Language超文本文檔標記語言。超文本是由相互鏈接的頁面組成的文檔。它是什麼http

HTTP代表Hyper Text Transfer Protocol超文本傳輸協議(標準)。http或者https如果您嘗試將鏈接複製到打開的頁面,您可以在瀏覽器的地址欄中看到。

典型的頁面鏈接如下所示:

http://google.com/logo.jpg

鏈接的最開頭是協議名稱,後跟一個冒號和兩個正斜杠。蒂姆·伯恩斯-李 (Tim Bernes-Lee) 曾在一次採訪中表示,如果他知道該協議http會如此受歡迎,他就會想出更短​​的內容。http://(畢竟,世界上幾乎所有鏈接都以or開頭https://

讓我們回到瀏覽器。當瀏覽器請求時html-page,它向服務器發送一個文本文件(請求)並接收另一個文本文件(響應)作為回報。這種操作模式稱為客戶端-服務器。

首先是關鍵信息,然後是服務信息。文本查詢的第一行由模式給出:

MethodURI  HTTP/Version

CodeGym 用戶的個人頁面由鏈接給出

https://codegym.cc/me

http-request瀏覽器看起來像這樣:

GET /me  HTTP/1.0
Host: codegym.cc

作為響應,服務器很可能會發送

HTTP/1.0 200 OK
<html>page text...

響應文本中的第一行是http 協議版本和響應狀態 (200, OK)然後是一個空行,然後只是以文本形式出現html-page瀏覽器請求的行。一切都很簡單:)