Keď začnete objavovať svet vzhľad stránky, nepochybne sa zoznámite s množstvom slov a fráz, ktoré sú pre vás nové. Jedným z výrazov, ktoré pravdepodobne budete počuť, je výraz „markup“ alebo možno „markup language“. V čom je rozdiel medzi „označením“ a „kódom“ a prečo sa zdá, že niektorí weboví profesionáli používajú tieto výrazy zameniteľne? Začnime tým, že sa pozrieme na to, čo presne je „značkovací jazyk“.
Tento príklad je odsek HTML. Skladá sa z otváracej značky (
), uzatváracia značka (
) a skutočný text, ktorý by sa zobrazil na obrazovke (ide o text obsiahnutý medzi týmito dvoma značkami). Každá značka obsahuje symbol „menej ako“ a „väčší ako“, ktorý ju označuje ako súčasť označenia. Pri formátovaní textu, ktorý sa má zobraziť na obrazovke počítača alebo iného zariadenia, musíte rozlišovať medzi samotným textom a pokynmi k textu. „Značka“ je návod na zobrazenie alebo tlač textu.
Značky nemusia byť čitateľné v počítači. Za označenie sa považujú aj poznámky v tlačenej podobe alebo v knihe. Mnoho študentov v škole napríklad zvýrazní vo svojich učebniciach určité frázy. To znamená, že zvýraznený text je dôležitejší ako okolitý text. Farba zvýraznenia sa považuje za značku.
Značky sa stávajú jazykom, keď sa kodifikujú pravidlá týkajúce sa písania a používania týchto značiek. Ten istý študent by mohol mať svoj vlastný „poznámkový značkovací jazyk“, ak by kodifikoval pravidlá ako „fialový zvýrazňovač je“ pre definície slúži žltý zvýrazňovač pre podrobnosti skúšky a poznámky na ceruzke na okraji slúžia pre ďalšie zdroje. “
Väčšina značkovacích jazykov je definovaná externým orgánom na použitie mnohými rôznymi ľuďmi. Takto fungujú značkovacie jazyky pre web. Definuje ich konzorcium W3C alebo World Wide Web Consortium.
Pozrime sa na 3 značkovacie jazyky
Takmer každá skratka na webe, ktorá obsahuje „ML“, je „značkovací jazyk“ (veľké prekvapenie, to je skratka pre „ML“). Značkovacie jazyky sú stavebnými prvkami používanými na vytváranie webových stránok alebo všetkých tvarov a veľkostí.
V skutočnosti existuje na svete veľa rôznych značkovacích jazykov. Pre webdizajn a vývoj existujú tri špecifické značkovacie jazyky, ktoré pravdepodobne narazíte. Jedná sa o HTML, XML a XHTML.
Čo je značkovací jazyk?
Aby ste tento výraz správne definovali - značkovací jazyk je jazyk, ktorý anotuje text, aby s ním počítač mohol manipulovať. Väčšina značkových jazykov je čitateľných pre človeka, pretože anotácie sú napísané tak, aby ich bolo možné odlíšiť od samotného textu. Napríklad pri značkách HTML, XML a XHTML sú značkovacie značky.
<
a.
>
Akýkoľvek text, ktorý sa objaví v jednom z týchto znakov, sa považuje za súčasť značkovacieho jazyka a nie za súčasť anotovaného textu. Napríklad:
HTML - značkovací jazyk HyperText
Značkovací jazyk HTML alebo HyperText je primárny jazyk webu a najbežnejší jazyk, s ktorým budete pracovať ako webový dizajnér / vývojár. V skutočnosti to môže byť jediný značkovací jazyk, ktorý pri svojej práci používate.
Všetky webové stránky sú napísané s príchuťou HTML. HTML definuje spôsob, akým sa obrázky, multimédiá a text zobrazujú vo webových prehliadačoch. Tento jazyk obsahuje prvky na pripojenie vašich dokumentov (hypertext) a na interaktivitu vašich webových dokumentov (napríklad s formulármi). Mnoho ľudí nazýva HTML „webový kód“, ale v skutočnosti je to skutočne iba značkovací jazyk. Ani jeden výraz nie je striktne nesprávny a budete počuť, že ľudia vrátane webových profesionálov používajú tieto dva výrazy zameniteľne.
HTML je definovaný štandardný značkovací jazyk. Je založený na SGML (Standard Generalized Markup Language). Je to jazyk, ktorý používa značky na definovanie štruktúry vášho textu. Prvky a značky sú definované znakmi .
Aj keď je HTML dnes zďaleka najobľúbenejší značkovací jazyk používaný na webe, nie je to jediná voľba pre vývoj webu. Vývojom kódu HTML sa to čoraz viac komplikovalo a značky štýlu a obsahu sa kombinovali do jedného jazyka. W3C nakoniec usúdilo, že je potrebné oddeliť štýl webovej stránky od obsahu. Značka, ktorá definuje samotný obsah, by zostala v HTML, zatiaľ čo značky, ktoré definujú štýl, boli zastarané v prospech CSS (kaskádové štýly).
Najnovšia očíslovaná verzia HTML je HTML5. Táto verzia pridala do HTML ďalšie funkcie a odstránila niektoré z prísností, ktoré ukladá XHTML (viac o tomto jazyku čoskoro).
Spôsob vydania HTML sa zmenil s príchodom HTML5. Dnes sú pridávané nové funkcie a zmeny bez toho, aby bolo potrebné vydať novú, očíslovanú verziu. Najnovšia verzia jazyka sa jednoducho označuje ako „HTML“.
XML - rozšíriteľný značkovací jazyk
Jazyk eXtensible Markup Language je jazyk, na ktorom je založená iná verzia HTML. Rovnako ako HTML, aj XML je založený na SGML. Je menej prísny ako SGML a prísnejší ako obyčajný HTML. XML poskytuje rozšíriteľnosť na vytváranie rôznych jazykov.
XML je jazyk na písanie značkovacích jazykov. Napríklad ak pracujete na genealógii, môžete vytvoriť značky pomocou XML na definovanie otca, matky, dcéry a syna vo vašom XML takto:. Existuje tiež niekoľko štandardizovaných jazykov už vytvorených pomocou XML: MathML na definovanie matematiky, SMIL na prácu s multimédiami, XHTML a mnoho ďalších.
XHTML - rozšírený značkovací jazyk HyperText
XHTML 1.0 je HTML 4.0 predefinovaný tak, aby vyhovoval požiadavkám XML štandard. XHTML bol v modernom webdizajne nahradený HTML5 a zmenami, ktoré od tej doby prišli. Je nepravdepodobné, že nájdete nejaké novšie stránky pomocou XHTML, ale ak pracujete na oveľa staršej stránke, môžete sa s XHTML vo voľnej prírode stále stretnúť.
Medzi HTML a XHTML nie je veľa zásadných rozdielov, ale všimnete si tu:
- XHTML sa píše malými písmenami. Zatiaľ čo HTML tagy je možné písať veľkými, malými písmenami, MiXeD alebo malými písmenami, aby boli správne, tagy XHTML musia byť malé. (veľa webových profesionálov píše HTML malými písmenami, aj keď to nie je technicky potrebné).
- Všetky prvky XHTML musia mať koncovú značku. Prvky iba s jednou značkou, napríklad také, ktoré potrebujú na konci značky lomku (/):
- Všetky atribúty musia byť uvedené v XHTML. Niektorí odstránia úvodzovky okolo atribútov, aby šetrili miesto, ale sú potrebné pre správne XHTML.
- XHTML vyžaduje správne vloženie značiek. Ak otvoríte tučné písmo () a potom kurzíva (), musíte zavrieť prvok kurzívy () skôr ako zatvoríte tučné písmo (). (Upozorňujeme, že oba tieto prvky boli zastarané, pretože ide o vizuálne prvky. HTML sa teraz používa a namiesto týchto dvoch).
- Atribúty HTML musia mať názov a hodnotu. Atribúty, ktoré sú v HTML samostatné, musia byť deklarované aj s hodnotami, napríklad atribút HR by bol napísaný noshade = "noshade".