1.1 Istoria HTML

În zilele noastre, aproape toți oamenii folosesc internetul. Citiți articole, utilizați un browser, urmați link-uri. Și doar câțiva dintre ei se întreabă când și de cine a fost inventat internetul?

Tot mai depinde cum numiți Internet. Cel mai adesea, profanul înseamnă una, iar tehnicianul înseamnă alta. Rețeaua de calculatoare care conectează cele mai mari centre de date din lume a fost creată în anii '70. Dar internetul accesibil unei persoane obișnuite (browser, linkuri, tot felul de pagini) a fost inventat de o persoană la începutul anilor 90 . Și a fost așa...

La începutul anilor 1990, britanicul Tim Berners-Lee a inventat internetul. Deși, cu toate acestea, ceea ce a inventat el se numește mai corect Web:, World Wide Webel este www, el este și World Wide Web. Da, un om a inventat World Wide Web.

Din 1986-1991 a lucrat la Centrul de Cercetare CERN (la Geneva, Elveția) la un nou standard de documentare științifică. Vedeți, se obișnuiește ca oamenii de știință să publice lucrări științifice sub formă de articole, iar la sfârșitul articolelor să indice lista literaturii folosite. Cu alte cuvinte, cunoștințele științifice sunt o listă de articole cu legături între ele.

Apropo, Wikipedia modernă seamănă foarte mult cu modul în care creatorul ei a văzut World Wide Web : articole științifice cu legături între ele, o listă de surse și literatura folosită. Și dacă Tim ar fi avut noroc, atunci web-ul ar fi tot așa. Dar pe drumul către un viitor mai luminos, lumea a luat o întorsătură greșită undeva :)

Web-ul se bazează pe trei tehnologii:

  • HTML-page, care conține text, imagini și link-uri către alteleHTML-pages.
  • • Un browser care se afișează HTML-pageîn cel mai prietenos mod pentru oameni.
  • • Protocol http- un standard pentru serverele web pentru a comunica cu browserele și între ele.

Tim Berners-Lee nu a inventat atât de mult aceste lucruri, cât le-a standardizat. HTML- a fost creat pe baza standardului SGML. De acolo au fost împrumutate și etichete. Dar primul browser web din lume, numit WorldWideWebTim, a scris el însuși, iar în 1990.

1.2 HTML nu este un limbaj de programare

HTMLnu este un limbaj de programare și nu a fost niciodată. Niciodată să nu spui asta. Chiar dacă veți scrie un CV, nu indicați niciodată HTMLîn secțiunea limbaje de programare, doar în secțiunea Instrumente (tehnologie). Ar fi o greșeală gravă să scrieți în CV că cunoașteți un limbaj de programare HTML. De ce?

Și chestia este că HTMLeste un limbaj de marcare pentru documente. Dacă îl simplificăm foarte mult, atunci HTML-documenteste un text (document) cu imagini, tabele, link-uri etc. inserate în el.

Să presupunem că doriți să scrieți un articol care va:

  • Titlul articolului (titlu).
  • Articolul în sine, constând dintr-un paragraf.
  • Imagine.
  • Câteva afirmații importante pe care doriți să le puneți cu caractere aldine.
  • La mijlocul articolului, furnizați un link către câteva informații utile.

Iată cum va arăta acest document în browser:


pisica domestica

Din punct de vedere al taxonomiei științifice, pisica domestică este un mamifer din familia pisicilor din ordinul carnivore. Adesea, o pisică domestică este considerată o subspecie a pisicii de pădure, cu toate acestea, din punctul de vedere al taxonomiei biologice moderne (2017), pisica domestică este o specie biologică separată .


Destul de bine, nu? Și standardul HTMLvă permite să faceți acest document lizibil atât pentru oameni, cât și pentru computere. Iată cum arată în HTML-standard:

<h1> Pisica domestică </h1>

Din punct de vedere al taxonomiei științifice, pisica domestică este <a href="/”> un mamifer </a> din familia pisicilor din ordinul carnivorelor. Adesea, o pisică domestică este considerată o subspecie a pisicii de pădure, cu toate acestea, din punctul de vedere al taxonomiei biologice moderne (2017), pisica domestică <b> este o specie biologică separată </b> .

<img src="cat.jpg">

Textului articolului au fost adăugate etichete speciale (evidențiate cu roșu ), care sunt înțelese atât de o persoană, cât și de un computer (browser). Browserul poate afișa frumos articolul pentru cititor, iar autorul articolului îl poate edita cu ușurință.

1.3 Apariția protocolului HTTP

Abrevierea HTMLînseamnă Hyper Text Markup LanguageHypertext Document Markup Language. Hipertextul este un document format din pagini care se leagă între ele. Ce este http?

HTTPînseamnă Hyper Text Transfer ProtocolHypertext Transfer Protocol (standard). httpsau httpsputeți vedea în bara de adrese a browserului dacă încercați să copiați linkul către pagina deschisă.

Un link tipic de pagină arată astfel:

http://google.com/logo.jpg

La începutul legăturii este numele protocolului, urmat de două puncte și două bare oblice. Tim Bernes-Lee a spus odată, într-unul dintre interviurile sale, că dacă ar fi știut că protocolul httpva fi atât de popular, ar fi venit cu ceva mai scurt. (la urma urmei, aproape toate linkurile din lume încep cu cuvântul http://sau https://)

Să revenim la browsere. Când un browser solicită html-page, acesta trimite un fișier text (cerere) către server și primește un alt fișier text (răspuns) în schimb. Acest mod de operare se numește client-server.

În primul rând, există linii cu informații cheie, apoi cu informații despre servicii. Prima linie a interogării text este dată de șablon:

MethodURI  HTTP/Version

Pagina personală a utilizatorului CodeGym este dată de link

https://codegym.cc/me

http-requestbrowser pentru că arată așa:

GET /me  HTTP/1.0
Host: codegym.cc

Ca răspuns, serverul va trimite cel mai probabil

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

Prima linie din textul de răspuns este versiunea protocolului http și starea răspunsului (200, OK) . Apoi vine o linie goală și apoi doar sub formă de text vine cea html-pagepe care browser-ul a cerut-o. Totul este foarte simplu :)