1.1 Geschiedenis van HTML

Tegenwoordig maken bijna alle mensen gebruik van internet. Lees artikelen, gebruik een browser, volg links. En slechts enkelen vragen zich af wanneer en door wie het internet is uitgevonden?

Het hangt er nog steeds vanaf hoe je internet noemt. Meestal bedoelt de leek het ene en de technicus het andere. Het computernetwerk dat 's werelds grootste datacenters met elkaar verbindt, werd in de jaren '70 gecreëerd. Maar het internet dat toegankelijk is voor een gewoon persoon (browser, links, allerlei soorten pagina's) werd begin jaren 90 door één persoon uitgevonden . En het was zo...

Begin jaren negentig vond de Brit Tim Berners-Lee het internet uit. Hoewel, niettemin, wat hij heeft uitgevonden, correcter het web wordt genoemd:, World Wide Webhij is www, hij is ook het World Wide Web. Ja, één man heeft het World Wide Web uitgevonden.

Van 1986-1991 werkte hij bij het CERN Research Center (in Genève, Zwitserland) aan een nieuwe wetenschappelijke documentatiestandaard. Zie je, het is gebruikelijk dat wetenschappers wetenschappelijke artikelen publiceren in de vorm van artikelen, en aan het einde van de artikelen de lijst met gebruikte literatuur vermelden. Met andere woorden, wetenschappelijke kennis is een lijst van artikelen met links naar elkaar.

De moderne Wikipedia lijkt trouwens heel erg op hoe de maker het World Wide Web zag : wetenschappelijke artikelen met links naar elkaar, een lijst met bronnen en gebruikte literatuur. En als Tim geluk had, zou het web er nog steeds zo uitzien. Maar op weg naar een mooiere toekomst nam de wereld ergens een verkeerde afslag :)

Het web is gebaseerd op drie technologieën:

  • HTML-page, die tekst, afbeeldingen en links naar andere bevatHTML-pages.
  • • Een browser die HTML-pageop de meest mensvriendelijke manier wordt weergegeven.
  • • Protocol http- een standaard voor webservers om te communiceren met browsers en met elkaar.

Tim Berners-Lee heeft deze dingen niet zozeer uitgevonden als wel gestandaardiseerd. HTML- is gemaakt op basis van de standaard SGML. Daar werden ook tags geleend. Maar 's werelds eerste webbrowser genaamd WorldWideWebTim schreef zichzelf, en dat al in 1990.

1.2 HTML is geen programmeertaal

HTMLhet is geen programmeertaal en is het ook nooit geweest. Zeg dat nooit. Ook als je een cv gaat schrijven, geef dit nooit aan HTMLin de sectie programmeertalen, alleen in de sectie Tools (technologie). Het zou een grove vergissing zijn om in je cv te schrijven dat je een programmeertaal kent HTML. Waarom?

En het punt is dat HTMLhet een opmaaktaal is voor documenten. Als we het heel erg vereenvoudigen, dan HTML-documentis het een tekst (document) met afbeeldingen, tabellen, links, etc. erin ingevoegd.

Stel dat u een artikel wilt schrijven dat:

  • Titel van het artikel (titel).
  • Het artikel zelf, bestaande uit één alinea.
  • Afbeelding.
  • Enkele belangrijke uitspraken die u vet wilt maken.
  • Geef in het midden van het artikel een link naar nuttige informatie.

Zo ziet dit document eruit in de browser:


huiskat

Vanuit het oogpunt van wetenschappelijke taxonomie is de huiskat een zoogdier van de kattenfamilie van de carnivora-orde. Vaak wordt een huiskat beschouwd als een ondersoort van de boskat, maar vanuit het oogpunt van moderne biologische taxonomie (2017) is de huiskat een aparte biologische soort .


Best goed, toch? En met de standaard HTMLkun je dit document leesbaar maken voor zowel mensen als computers. Hier is hoe het eruit ziet in HTML-standard:

<h1> Huiskat </h1>

Vanuit het oogpunt van wetenschappelijke taxonomie is de huiskat <a href=”/”> een zoogdier </a> van de kattenfamilie van de carnivora-orde. Vaak wordt een huiskat beschouwd als een ondersoort van de boskat, maar vanuit het oogpunt van moderne biologische taxonomie (2017) is de huiskat <b> een aparte biologische soort </b> .

<img src=”cat.jpg”>

Aan de tekst van het artikel zijn speciale tags toegevoegd ( rood gemarkeerd ), die zowel door een mens als door een computer (browser) worden begrepen. De browser kan het artikel mooi weergeven voor de lezer en de auteur van het artikel kan het gemakkelijk bewerken.

1.3 De opkomst van het HTTP-protocol

De afkorting HTMLstaat voor Hyper Text Markup LanguageHypertext Document Markup Language. Hypertext is een document dat bestaat uit pagina's die naar elkaar linken. Wat is het http?

HTTPstaat voor Hyper Text Transfer ProtocolHypertext Transfer Protocol (standaard). httpof httpsu kunt in de adresbalk van de browser zien of u de link naar de geopende pagina probeert te kopiëren.

Een typische paginalink ziet er als volgt uit:

http://google.com/logo.jpg

Helemaal aan het begin van de link staat de naam van het protocol, gevolgd door een dubbele punt en twee schuine strepen. Tim Bernes-Lee zei ooit in een van zijn interviews dat als hij wist dat het protocol httpzo populair zou worden, hij iets korters had bedacht. (tenslotte beginnen bijna alle links in de wereld met het woord http://or https://)

Laten we teruggaan naar browsers. Wanneer een browser verzoekt html-page, stuurt het een tekstbestand (verzoek) naar de server en ontvangt het een ander tekstbestand (antwoord) terug. Deze werkwijze wordt client-server genoemd.

Eerst zijn er regels met belangrijke informatie, daarna met service-informatie. De eerste regel van de tekstquery wordt gegeven door de sjabloon:

MethodURI  HTTP/Version

De persoonlijke pagina van de CodeGym-gebruiker wordt gegeven door de link

https://codegym.cc/me

http-requestbrowser voor het ziet er zo uit:

GET /me  HTTP/1.0
Host: codegym.cc

Als reactie zal de server hoogstwaarschijnlijk verzenden

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

De eerste regel in de responstekst is de http-protocolversie en de responsstatus (200, OK) . Dan komt er een lege regel en dan komt alleen in tekstvorm degene html-pagedie de browser heeft opgevraagd. Alles is heel eenvoudig :)