1.1 HTMLの歴史
今日、ほぼすべての人がインターネットを使用しています。記事を読んだり、ブラウザを使用したり、リンクをたどったりします。そして、インターネットがいつ、誰によって発明されたのか疑問に思っている人はほんのわずかです。
それは依然として、インターネットを何と呼ぶかによって異なります。ほとんどの場合、素人はあることを意味し、技術者は別のことを意味します。世界最大のデータセンターを接続するコンピューター ネットワークは 70 年代に構築されました。しかし、一般の人がアクセスできるインターネット (ブラウザ、リンク、あらゆる種類のページ) は、90 年代初頭に一人の人によって発明されました。で、こんな感じでした・・・
1990 年代初頭、英国人のティム バーナーズ リーがインターネットを発明しました。それにもかかわらず、彼が発明したものはより正確にはウェブと呼ばれますが、World Wide Web
彼www
は、ワールドワイドウェブでもあります。そう、一人の男がワールド・ワイド・ウェブを発明したのです。
1986 年から 1991 年まで、彼は CERN 研究センター (スイスのジュネーブ) で新しい科学文書標準の開発に取り組みました。ご存知のとおり、科学者は科学論文を論文の形で発表し、論文の最後に使用した文献のリストを示すのが通例です。言い換えれば、科学的知識は相互にリンクされた記事のリストです。
ところで、現代のウィキペディアは、その作成者がワールド ワイド ウェブをどのように見ていたかによく似ています。つまり、相互リンクのある科学記事、使用されている情報源と文献のリストです。そして、ティムが幸運だったら、ウェブは今もこのようになっていたでしょう。しかし、明るい未来へ向かう途中で、世界はどこかで間違った方向へ進んでしまいました:)
Web は 3 つのテクノロジーに基づいています。
HTML-page
、テキスト、画像、他のリンクへのリンクが含まれています。HTML-pages.
HTML-page
•最も人間に優しい方法で表示されるブラウザ。- • プロトコル
http
- Web サーバーがブラウザーと、または相互に通信するための標準。
ティム・バーナーズ・リーはこれらのものを発明したのではなく、標準化しました。HTML
- 規格に基づいて作成されましたSGML
。タグもそこから拝借しました。しかし、ティムと呼ばれる世界初の Web ブラウザはWorldWideWeb
1990 年に自分自身で作成されました。
1.2 HTML はプログラミング言語ではありません
HTML
これはプログラミング言語ではありませんし、今までもそうではありませんでした。そんなことは決して言わないでください。履歴書を書く場合でも、HTML
プログラミング言語の欄には決して記載せず、ツール(テクノロジー)の欄にのみ記載してください。履歴書にプログラミング言語を知っていると書くのは大きな間違いですHTML
。なぜ?
そして重要なのは、HTML
それがドキュメント用のマークアップ言語であるということです。非常に単純化すると、HTML-document
テキスト(文書)に画像、表、リンクなどが挿入されたものになります。
次のような記事を書きたいとします。
- 記事のタイトル(タイトル)。
- 記事自体は 1 つの段落で構成されます。
- 写真。
- いくつかの重要な記述を太字にしておきます。
- 記事の途中に、役立つ情報へのリンクを提供します。
このドキュメントがブラウザでどのように表示されるかは次のとおりです。
飼い猫
科学的分類学の観点から、イエネコは食肉目ネコ科の哺乳動物です。多くの場合、イエネコはモリネコの亜種とみなされますが、現代の生物学的分類学の観点から(2017年)、イエネコは別の生物学的種です。
かなり良いですよね?また、この標準により、HTML
この文書を人間とコンピュータの両方が読めるようにすることができます。では次のようになりますHTML-standard
。
<h1>飼い猫</h1>
科学的分類学の観点から見ると、イエネコは食肉目ネコ科の<a href=”/”>哺乳類</a>です。多くの場合、イエネコはモリネコの亜種と考えられていますが、現代の生物分類学(2017年)の観点からは、 イエネコは<b>別の生物学的種</b>です。
<img src=”猫.jpg”>
記事のテキスト(赤で強調表示) に特別なタグが追加されており、人間とコンピューター (ブラウザー) の両方が理解できます。ブラウザは読者にとって記事を美しく表示でき、記事の作成者は簡単に編集できます。
1.3 HTTPプロトコルの登場
この略語は、Hypertext Document Markup LanguageHTML
の略です。Hyper Text Markup Language
ハイパーテキストは、相互にリンクしているページで構成されるドキュメントです。それは何ですかhttp
?
HTTP
Hyper Text Transfer Protocol
Hypertext Transfer Protocol(標準)の略です。http
または、https
開いているページへのリンクをコピーしようとすると、ブラウザのアドレス バーに が表示されます。
典型的なページリンクは次のようになります。
http://google.com/logo.jpg
リンクの先頭にはプロトコルの名前があり、その後にコロンと 2 つのスラッシュが続きます。ティム・バーンズ・リーはかつてインタビューの中で、このプロトコルが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
、ブラウザが要求したものがテキスト形式で来ます。すべてはとてもシンプルです:)
GO TO FULL VERSION