1.1 HTMLs historia
Nuförtiden använder nästan alla människor internet. Läs artiklar, använd en webbläsare, följ länkar. Och bara ett fåtal av dem undrar när och av vem uppfanns Internet?
Det beror fortfarande på vad du kallar internet. Oftast menar lekmannen en sak och teknikern en annan. Datanätverket som förbinder världens största datacenter skapades redan på 70-talet. Men Internet tillgängligt för en vanlig person (webbläsare, länkar, alla möjliga sidor) uppfanns av en person i början av 90-talet . Och det var så här...
I början av 1990-talet uppfann britten Tim Berners-Lee Internet. Trots att det han uppfann mer korrekt kallas webben: World Wide Webhan är www, han är också World Wide Web. Ja, en man uppfann World Wide Web.
Från 1986-1991 arbetade han vid CERN Research Center (i Genève, Schweiz) på en ny vetenskaplig dokumentationsstandard. Du förstår, det är vanligt att forskare publicerar vetenskapliga artiklar i form av artiklar, och i slutet av artiklarna anger listan över använd litteratur. Med andra ord är vetenskaplig kunskap en lista över artiklar med länkar till varandra.
Förresten, modern Wikipedia påminner mycket om hur dess skapare såg World Wide Web : vetenskapliga artiklar med länkar till varandra, en lista över källor och litteratur som används. Och om Tim hade tur, skulle webben fortfarande vara så här. Men på vägen mot en ljusare framtid tog världen en fel vändning någonstans :)
Webben bygger på tre tekniker:
HTML-page, som innehåller text, bilder och länkar till andraHTML-pages.- • En webbläsare som visas
HTML-pagepå det mest människovänliga sättet. - • Protokoll
http– en standard för webbservrar för att kommunicera med webbläsare och varandra.
Tim Berners-Lee uppfann inte så mycket dessa saker som han standardiserade dem. HTML- skapades på grundval av standarden SGML. Taggar lånades också därifrån. Men världens första webbläsare som heter WorldWideWebTim skrev själv, och redan 1990.
1.2 HTML är inte ett programmeringsspråk
HTMLdet är inte ett programmeringsspråk och har aldrig varit det. Säg aldrig det. Även om du kommer att skriva ett CV, ange aldrig HTMLi avsnittet programmeringsspråk, bara i avsnittet Verktyg (teknik). Det skulle vara ett grovt misstag att skriva i ditt CV att du kan ett programmeringsspråk HTML. Varför?
Och grejen är att HTMLdet är ett märkningsspråk för dokument. Om vi förenklar det väldigt mycket så HTML-documentär det en text (dokument) med bilder, tabeller, länkar etc. infogade i den.
Låt oss säga att du vill skriva en artikel som kommer att:
- Artikelns titel (titel).
- Själva artikeln, som består av ett stycke.
- Bild.
- Några viktiga påståenden du vill sätta i fetstil.
- I mitten av artikeln ger du en länk till användbar information.
Så här kommer det här dokumentet att se ut i webbläsaren:
tamkatt
Ur vetenskaplig taxonomi är huskatten ett däggdjur av kattfamiljen av köttätareordningen. Ofta betraktas en huskatt som en underart av skogskatten, men ur en modern biologisk taxonomi (2017) är huskatten en separat biologisk art .
Ganska bra, eller hur? Och standarden HTMLlåter dig göra detta dokument läsbart för både människor och datorer. Så här ser det ut i HTML-standard:
<h1> Tamkatt </h1>
Ur vetenskaplig taxonomi är huskatten <a href="/”> ett däggdjur </a> av kattfamiljen av köttätareordningen. Ofta betraktas en huskatt som en underart av skogskatten, men ur den moderna biologiska taxonomins synvinkel (2017) är huskatten <b> en separat biologisk art </b> .
<img src="cat.jpg">
Särskilda taggar lades till i artikelns text (markerade i rött ), som förstås av både en person och en dator (webbläsare). Webbläsaren kan visa artikeln vackert för läsaren, och författaren till artikeln kan enkelt redigera den.
1.3 Framväxten av HTTP-protokollet
Förkortningen HTMLstår för Hyper Text Markup LanguageHypertext Document Markup Language. Hypertext är ett dokument som består av sidor som länkar till varandra. Vad är det http?
HTTPstår för Hyper Text Transfer ProtocolHypertext Transfer Protocol (standard). httpeller så httpskan du se i webbläsarens adressfält om du försöker kopiera länken till den öppna sidan.
En typisk sidlänk ser ut så här:
http://google.com/logo.jpgAllra i början av länken står namnet på protokollet, följt av ett kolon och två snedstreck. Tim Bernes-Lee sa en gång i en av sina intervjuer att om han visste att protokollet httpskulle bli så populärt skulle han ha kommit på något kortare. (nästan alla länkar i världen börjar trots allt med ordet http://eller https://)
Låt oss gå tillbaka till webbläsare. När en webbläsare begär html-page, skickar den en textfil (begäran) till servern och får en annan textfil (svar) i gengäld. Detta driftsätt kallas klient-server.
Först finns det rader med nyckelinformation, sedan med serviceinformation. Den första raden i textfrågan ges av mallen:
MethodURI HTTP/VersionCodeGym-användarens personliga sida ges av länken
https://codegym.cc/mehttp-requestwebbläsare för det ser ut så här:
GET /me HTTP/1.0
Host: codegym.ccSom ett svar kommer servern troligen att skicka
HTTP/1.0 200 OK
<html>page text...Den första raden i svarstexten är http-protokollversionen och svarsstatusen (200, OK) . Sedan kommer en tom rad och sedan bara i textform kommer den html-pagesom webbläsaren efterfrågade. Allt är väldigt enkelt :)