1.1 A HTML története
Manapság szinte minden ember használja az internetet. Olvasson cikkeket, használjon böngészőt, kövesse a hivatkozásokat. És csak kevesen gondolkoznak azon, hogy mikor és ki találta fel az internetet?
Még mindig attól függ, mit nevezünk internetnek. Leggyakrabban a laikus egyet jelent, a technikus pedig mást. A világ legnagyobb adatközpontjait összekötő számítógépes hálózat még a 70-es években jött létre. De a hétköznapi ember számára elérhető internetet (böngésző, linkek, mindenféle oldal) egy ember találta fel a 90-es évek elején . És ez így volt...
Az 1990-es évek elején a brit Tim Berners-Lee feltalálta az internetet. Bár ennek ellenére, amit ő talált ki, azt helyesebben hívják Webnek: World Wide Webő az www, ő a világháló is. Igen, egy ember találta fel a világhálót.
1986-1991 között a CERN Kutatóközpontban (Svájc, Genf) dolgozott egy új tudományos dokumentációs szabványon. Ugyanis az a szokás, hogy a tudósok tudományos cikkeket publikálnak cikkek formájában, és a cikkek végén feltüntetik a felhasznált irodalom listáját. Más szóval, a tudományos ismeretek cikkek listája egymásra mutató hivatkozásokkal.
A modern Wikipédia egyébként nagyon hasonlít arra, ahogyan létrehozója látta a világhálót : tudományos cikkek egymásra mutató hivatkozásokkal, a felhasznált források és irodalom listája. És ha Timnek szerencséje lenne, akkor a web továbbra is ilyen lenne. De a szebb jövő felé vezető úton valahol rossz fordulatot vett a világ :)
A web három technológián alapul:
HTML-page, amely szöveget, képeket és más hivatkozásokat tartalmazHTML-pages.- • Egy böngésző, amely
HTML-pagea leginkább emberbarát módon jelenik meg. - • Protokoll
http– szabvány a webszerverek számára a böngészőkkel és egymással való kommunikációhoz.
Tim Berners-Lee nem annyira kitalálta ezeket a dolgokat, mint inkább szabványosította őket. HTML- szabvány alapján jött létre SGML. A címkéket is onnan kölcsönözték. De a világ első webböngészője, WorldWideWeba Tim maga írta, még 1990-ben.
1.2 A HTML nem programozási nyelv
HTMLez nem programozási nyelv, és soha nem is volt az. Soha ne mondd ezt. Még ha önéletrajzot is ír, soha ne jelezze HTMLa programozási nyelvek részben, csak az Eszközök (technológia) részben. Nagy hiba lenne azt írni az önéletrajzodba, hogy ismersz egy programozási nyelvet HTML. Miért?
És a helyzet az, hogy HTMLez egy jelölőnyelv a dokumentumokhoz. Ha nagyon leegyszerűsítjük, akkor HTML-documentez egy szöveg (dokumentum), amelybe képeket, táblázatokat, linkeket stb.
Tegyük fel, hogy szeretne egy cikket írni, amely a következőket tartalmazza:
- A cikk címe (cím).
- Maga a cikk, amely egy bekezdésből áll.
- Kép.
- Néhány fontos állítás, amelyet félkövérrel szeretne szedni.
- A cikk közepén adjon meg egy hivatkozást néhány hasznos információhoz.
Így fog kinézni ez a dokumentum a böngészőben:
házimacska
Tudományos rendszertani szempontból a házimacska a ragadozók rendjébe tartozó macskafélék családjába tartozó emlős . A házimacskát gyakran az erdei macska alfajának tekintik, azonban a modern biológiai taxonómia (2017) szempontjából a házimacska külön biológiai faj .
Elég jó, igaz? A szabvány pedig HTMLlehetővé teszi, hogy ezt a dokumentumot emberek és számítógépek számára is olvashatóvá tegye. Így néz ki a következőben HTML-standard:
<h1> Házimacska </h1>
Tudományos rendszertani szempontból a házimacska a ragadozók rendjébe tartozó macskafélék családjába tartozó <a href=”/”> emlős </a> . A házimacskát gyakran az erdei macska alfajának tekintik, azonban a modern biológiai taxonómia (2017) szempontjából a házimacska <b> külön biológiai faj </b> .
<img src=”cat.jpg”>
A cikk szövegéhez speciális címkék kerültek ( pirossal kiemelve ), melyeket ember és számítógép (böngésző) is ért. A böngésző gyönyörűen tudja megjeleníteni a cikket az olvasó számára, a cikk szerzője pedig könnyen szerkesztheti.
1.3 A HTTP protokoll megjelenése
A rövidítés a Hypertext Document Markup Language HTMLrövidítése . Hyper Text Markup LanguageA hiperszöveg egymásra hivatkozó oldalakból álló dokumentum. mi az http?
HTTPa Hypertext Transfer Protocol (standard) rövidítése Hyper Text Transfer Protocol. httpvagy httpsa böngésző címsorában láthatja, ha megpróbálja átmásolni a hivatkozást a megnyitott oldalra.
Egy tipikus oldallink így néz ki:
http://google.com/logo.jpgA hivatkozás legelején a protokoll neve, utána kettőspont és két perjel. Tim Bernes-Lee egyszer azt mondta az egyik interjújában, hogy ha tudta volna, hogy a protokoll httpennyire népszerű lesz, valami rövidebbet is kitalált volna. (végül is a világon szinte minden link a http://vagy szóval kezdődik https://)
Térjünk vissza a böngészőkhöz. Amikor egy böngésző kéri html-page, szöveges fájlt (kérést) küld a szervernek, és cserébe egy másik szövegfájlt (választ) kap. Ezt a működési módot kliens-szervernek nevezik.
Először a legfontosabb információkat tartalmazó sorok, majd a szolgáltatási információk találhatók. A szöveges lekérdezés első sorát a minta adja:
MethodURI HTTP/VersionA CodeGym felhasználó személyes oldalát a hivatkozás adja meg
https://codegym.cc/mehttp-requestböngészője így néz ki:
GET /me HTTP/1.0
Host: codegym.ccVálaszként a szerver nagy valószínűséggel küldeni fog
HTTP/1.0 200 OK
<html>page text...A válaszszöveg első sora a http protokoll verziója és a válasz állapota (200, OK) . Ezután jön egy üres sor , majd csak szöveges formában jön az html-page, amit a böngésző kért. Minden nagyon egyszerű :)