Za príchod HTML má moderný svet poďakovať vedcovi z Európskej rady pre jadrový výskum (Conseil Européen pour la Recherche Nucléaire, CERN). Vedec sa volá Timothy John Berners-Lee. Prvá verzia HTML bola vytvorená za účelom formátovania vedeckých dokumentov. A to štruktúrne formátovanie bez prvkov popisu farebných schém, parametrov písma a pod. HTML teda spočiatku umožňovalo zvýrazniť nadpisy, odseky, zoznamy a podobné štrukturálne prvky v texte. Výsledok spracovania alebo „reprodukcie“ HTML nemal závisieť od technických vlastností jeho vykresľovacieho hardvéru, keďže neobsahoval parametre tohto vykresľovania. Postupom času sa táto vlastnosť hypertextového značkovacieho jazyka čiastočne stratila.
Takže vzhľad prvých verzií HTML sa datuje do roku 1986 av roku 1991 bol HTML výrazne vylepšený a začal sa používať špeciálne na prenos hypertextu cez World Wide Web. Hovorí sa, že svetoznáma skratka HTML, čo znamená Hyper Text Markup Language (Hypertext Markup Language), sa objavila až začiatkom 90. rokov minulého storočia. A teraz malá odbočka do genealógie značkovacích jazykov. Prvá verzia hypertextového značkovacieho jazyka HTML bola vytvorená na základe štandardu SGML (Standard Generalized Markup Language), ktorý možno určitým spôsobom považovať za prototyp rozšíriteľného značkovacieho jazyka (eXtensible Markup Language). Štandard XML si v dnešnej dobe získal obrovskú popularitu vďaka veľkému množstvu jeho rozšírení používaných vo výpočtovej technike. Aby som čitateľa úplne zmiatol, hneď dodám, že následne bol na báze XML vyvinutý hypertextový značkovací jazyk XHTML (Extensible Hypertext Markup Language), ktorý v podstate opakuje HTML. V dôsledku toho máme skratky SGML, HTML, XML a XHTML a je potrebné pochopiť, ktorá je ktorá. V skutočnosti je všetko jednoduché: SGML nie je nič iné ako súbor pravidiel, na základe ktorých môžete zostaviť ľubovoľné značkovacie jazyky. HTML je jedným z týchto jazykov, aplikácia SGML. Inými slovami, SGML definuje, ako by značkovacie prvky mali vyzerať, zatiaľ čo HTML presne definuje, aké prvky by to mali byť a ako by ich mali prehliadače interpretovať. XHTML je zasa aplikáciou XML a samotné XML nie je nič iné ako zjednodušená verzia SGML. , napriek tomu, že sú si vzhľadovo veľmi podobné, majú výrazné skryté rozdiely, ktoré z veľkej časti spočívajú v princípe ich spracovania.
Teraz späť do histórie vývoja HTML. Takže až do roku 1994 sa HTML stále používalo iba na označovanie štrukturálnych údajov, hoci už obsahovalo značky na zvýraznenie textu tučným písmom alebo kurzívou. V tom istom roku 1994 vznikla organizácia W3C (World Wide Web Consortium) - World Wide Web Consortium, na čele ktorého stojí, celkom logicky, ten istý Tim Berners-Lee a v roku 1995 bolo zverejnené odporúčanie HTML 2.0. Tvorcovia HTML už pochopili, že časom sa ich potomkovia zo statického značkovacieho jazyka textu vyvinú na hlavný nástroj na vytváranie dynamických internetových zdrojov. Hlavným doplnkom HTML 2.0 bolo zavedenie formulárového jazyka so sadou používateľských ovládacích prvkov, ktoré mali byť použité na zadávanie parametrov HTTP požiadaviek používateľom.
Po vydaní druhej verzie sa okamžite začalo pracovať na ďalšej generácii HTML. V roku 1997 bolo vydané odporúčanie HTML 3.2, ktoré doplnilo značkovací jazyk o tabuľky, rámce, obrázky a niektoré ďalšie dôležité značky. Najdôležitejším úspechom 3. verzie je však to, že sa jej autori opäť vrátili k problému vykresľovania značiek v prehliadači, pripomenuli, že HTML by malo označovať iba štruktúru dokumentu a nemalo by priamo obsahovať parametre grafických štýlov pre zobrazenie prvkov. v prehliadači. Výsledkom ich práce na HTML 3.2 bol vznik samostatného jazyka CSS (Cascading Style Sheets) – kaskádových štýlov, ktorých kód je teraz možné prepojiť s kódom HTML markup a tým prispôsobiť vzhľad stránky.
Vydaním verzie 4 HTML v roku 1997 zamestnanci W3C zbavili svojich potomkov tých nepotrebných prvkov, ktoré sa stali zastaranými s príchodom CSS a ohrozili myšlienku oddelenia značenia štruktúry od parametrizácie prezentácie. Ale kvôli takýmto drobnostiam by novú verziu nikto neoplotil. Hlavným úspechom odporúčaní HTML 4.0 bol vzhľad objektového modelu stránky (Document Object Model, DOM), s prvkami ktorého bolo teraz možné manipulovať pomocou skriptovacích programovacích jazykov vykonávaných prehliadačmi. Najpopulárnejším takýmto programovacím jazykom je JavaScript. HTML plus DOM plus JavaScript sa rovná dynamickému HTML alebo jednoducho DHTML, čo znamenalo prelom vo webdizajne. Teraz môžu prvky načítanej webovej stránky meniť svoj vzhľad v reakcii na akcie používateľa, ako aj pridávať nové a odstraňovať existujúce prvky. 24. decembra 1999 bola vydaná najnovšia verzia 4. verzie hypertextového značkovacieho jazyka HTML 4.01.
Verzia HTML5 zatiaľ nezískala štatút oficiálneho odporúčania W3C, no už teraz je jasné, že autori HTML pokračujú v práci na vývoji požiadaviek na podporu objektového modelu dokumentu a interpretáciu JavaScriptu. Aj keď HTML5 dostane množstvo nových tagov, väčšina odporúčaní sa stále týka správania prehliadača v kontexte DHTML: zabudovaná bude podpora pre funkcie drag-and-drop, možnosť kresliť na virtuálnom canvas (plátno), ovládať prezeranie histórie, zdieľať správy medzi stránkami, ukladať kontext vykonávania a oveľa viac. Dúfame, že s vydaním nových odporúčaní HTML postupne zmiznú problémy s nedostatočnou kompatibilitou medzi prehliadačmi, keď sa rovnaký kód JavaScript spúšťa v rôznych prehliadačoch odlišne. Koniec koncov, trend definovať požiadavky na prácu s objektovým modelom a JavaScriptom bude pokračovať a vývojári prehliadačov budú musieť (ak chcú, aby sa ich softvér používal) tieto požiadavky dodržiavať.
Vydanie HTML5 je naplánované na rok 2014. Možno dovtedy W3C vypracuje samostatné odporúčania len pre programovanie JavaScriptu a HTML sa nakoniec opäť stane čisto značkovacím jazykom štruktúry dokumentu. Napriek tomu, že dnes je len rok 2012, mnohé z nich už podporujú najpopulárnejšie prehliadače. Veľa, čo museli weboví dizajnéri urobiť sami predtým (rovnaké pretiahnutie myšou), s vydaním HTML5, bude podporované na úrovni prehliadača a tento priebeh udalostí sa nemôže len radovať. Zostáva dúfať, že trend bude pokračovať.
Ahojte všetci!
Ak sme začali študovať, tak potrebujete vedieť základy HTML a CSS, čo pomôže urobiť naše stránky lepšími a atraktívnejšími pre vyhľadávače. Celý tento týždeň vám poviem o práci s kódom stránky a tu je to, čo vás čaká:
- . Naučíme sa upravovať kód stránky pomocou týchto editorov;
- . Pomôžeme vyhľadávaciemu robotovi pochopiť štruktúru stránky;
- . Zistíme, ako správne je zložený kód stránky a nájdeme chyby;
Ako môžete vidieť, tento týždeň budeme mať veľa práce, takže sa prihláste na odber aktualizácií blogu Context-UP a získajte všetky lekcie na váš e-mail, ak ešte nie ste prihlásený.
Základy HTML
HTML (Hyper Text Markup Language) je značkovací jazyk pre dokumenty na webe. To znamená, že každá stránka vášho webu je dokument a prehliadač je prostriedkom na prezeranie takýchto dokumentov.
Úlohou HTML je ukázať prehliadaču, kde sa nachádza ten či onen prvok dokumentu. Pomocou tohto jazyka sa na stránke označia prvky, ktoré obsadia určité miesto, ktoré sa následne zobrazia na monitore návštevníka stránky.
Značkovací jazyk pozostáva zo špeciálnych značiek, ktoré pomáhajú prehliadaču určiť:
- Štruktúra dokumentu;
- umiestnenie prvku;
- Účel prvku;
- Pripojené súbory tretích strán;
- A mnoho, mnoho ďalších.
Tomu rozumejú aj vyhľadávacie roboty, preto si treba dávať pozor najmä na to, ako dobre je dokument napísaný z hľadiska SEO a akú má štruktúru.
Štruktúra HTML
Každý HTML dokument má počiatočnú štruktúru, ktorá musí byť rešpektovaná v povinnom poradí. Vyzerá to takto:
<! DOCTYPE html><html> <hlavu> <meta charset="UTF-8"><titul> Názov stránky</ titul> <meta name="keywords" content=" Kľúčové slová, a, frázy, cez, čiarka" > <meta name="popis" content=" Popis obsahu stránky, 1-2 vety." > </ hlava> <telo> Obsah stránky