Ako začnete skúmať svet dizajnu webových stránok, budete nepochybne predstavený niekoľkým slovám a frázam, ktoré sú pre vás nové. Jedno z výrazov, ktoré budete pravdepodobne počuť, je "markup" alebo "značkovací jazyk". Ako sa označenie "značka" líši od "kódu" a prečo sa zdá, že niektorí weboví profesionáli používajú tieto pojmy zameniteľné? Začnime tým, že sa pozriete presne na to, čo je "značkovací jazyk".
Pozrime sa na 3 jazyky označovania
Takmer každá skratka na webe, ktorá má v nej "ML", je "značkovací jazyk" (veľké prekvapenie, to znamená "ML"). Značkovacie jazyky sú stavebnými blokmi používanými na vytváranie webových stránok alebo všetkých tvarov a veľkostí.
V skutočnosti je na svete veľa rôznych značkovacích jazykov. Pre dizajn a vývoj webu existujú tri špecifické značkovacie jazyky, ktoré pravdepodobne narazíte. Ide o HTML, XML a XHTML .
Čo je to značkovací jazyk?
Ak chcete tento pojem správne definovať, značkovací jazyk je jazyk, ktorý anotuje text tak, aby mohol počítač manipulovať s týmto textom. Väčšina značkovacích jazykov je čitateľná pre človeka, pretože anotácie sú napísané tak, aby ich odlíšili od samotného textu. Napríklad v prípade HTML, XML a XHTML značky značiek sú . Každý text, ktorý sa objaví v jednom z týchto znakov, sa považuje za súčasť značkovacieho jazyka a nie je súčasťou anotovaného textu.
Napríklad:
Toto je odsek textu napísaného v jazyku HTML
Tento príklad predstavuje odsek HTML. Skladá sa z otváracej značky (
), záverečnej značky () a skutočného textu, ktorý by sa zobrazil na obrazovke (je to text obsiahnutý medzi týmito dvoma tagmi). Každá značka obsahuje symbol "menej ako" a "skvelý" ako označenie 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 pre text. "Značka" je návod na zobrazenie alebo tlač textu.
Označovanie nemusí byť čitateľné počítačom. Anotácie urobené v tlači alebo v knihe sa tiež považujú za označenie. Napríklad veľa študentov v škole zvýrazní určité frázy vo svojich učebniciach. To znamená, že zvýraznený text je dôležitejší ako okolitý text. Farba zvýraznenia sa považuje za označenie.
Označenie sa stáva jazykom, keď sú pravidlá kodifikované tak, ako písať a používať túto značku. Ten istý študent by mohol mať svoje vlastné "poznámky pri označovaní jazyka", ak kodifikovali pravidlá, ako je "purpurový zvýrazňovač je pre definície, žltý zvýrazňovač je pre podrobnosti o skúške a poznámky na ceruzku v okrajoch sú pre ďalšie zdroje."
Väčšina značkovacích jazykov definuje externý orgán na použitie mnohými rôznymi ľuďmi. Tak fungujú značkovacie jazyky pre web. Definujú ich W3C alebo World Wide Web Consortium .
HTML-HyperText Markup Language
HTML alebo HyperText Markup Language je hlavným jazykom webu a najčastejšou, s ktorou budete pracovať ako webový dizajnér / vývojár.
V skutočnosti to môže byť jediný značkovací jazyk, ktorý používate vo svojej práci.
Všetky webové stránky sú napísané v chuti HTML. HTML definuje spôsob zobrazovania obrázkov , multimédií a textu vo webových prehliadačoch. Tento jazyk obsahuje prvky na pripojenie dokumentov (hypertext) a vytváranie interaktívnych webových dokumentov (napríklad formulárov). Mnoho ľudí nazýva HTML "kód webových stránok", ale v skutočnosti je to naozaj len značkovací jazyk. Ani jeden termín nie je prísne nesprávny a budete počuť ľudí, vrátane webových profesionálov, používať tieto dva pojmy zameniteľné.
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 .
Zatiaľ čo HTML je zďaleka najpopulárnejší značkovací jazyk používaný na webe dnes, nie je to jediná voľba pre vývoj webových aplikácií. Vzhľadom na to, že bol HTML vyvinutý, stal sa čoraz komplikovanejším a značky štýlov a obsahu sa skombinovali do jedného jazyka. Nakoniec sa W3C rozhodla, že je potrebné oddeliť štýl webovej stránky od obsahu. Značka, ktorá definuje samotný obsah, zostane v HTML, zatiaľ čo štítky, ktoré definujú štýl, boli zastarané v prospech CSS (kaskádové štýly).
Najnovšia číslovaná verzia HTML je HTML5. Táto verzia pridala ďalšie funkcie do HTML a odstránila niektoré prísnosti, ktoré boli uložené XHTML (viac o tomto jazyku v krátkom čase).
Spôsob uvoľňovania HTML bol zmenený vzostupom HTML5. Dnes sa pridávajú nové funkcie a zmeny, bez toho, aby bola potrebná nová, očíslovaná verzia. Najnovšia verzia jazyka sa jednoducho označuje ako "HTML".
EXtensible Markup Language XML
EXtensible Markup Language je jazyk, na ktorom je založená iná verzia HTML. Rovnako ako HTML, XML je založený aj na SGML. Je menej prísny ako SGML a prísnejší ako obyčajný HTML. XML poskytuje rozšíriteľnosť na vytvorenie rôznych jazykov.
XML je jazyk pre písanie značkovacích jazykov. Napríklad, ak pracujete na genealogickom princípe, môžete vytvoriť značky pomocou XML na definovanie otca, matky, dcéry a syna vo vašom XML, napríklad:
Existuje tiež niekoľko štandardizovaných jazykov, ktoré už boli vytvorené s jazykom XML: MathML na definovanie matematiky, SMIL pre prácu s multimédiami, XHTML a mnoho ďalších.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 je HTML 4.0 novo definované, aby spĺňalo štandard XML . XHTML bol nahradený moderným dizajnom webových stránok pomocou HTML5 a zmenami, ktoré sa odvtedy objavili. Je nepravdepodobné, že by ste našli novšie weby používajúce XHTML, ale ak pracujete na oveľa starších stránkach, stále sa môžete stretnúť s XHTML vo voľnej prírode.
Medzi HTML a XHTML nie sú veľké rozdiely, ale tu je to, čo si všimnete:
- XHTML je písané malými písmenami. Zatiaľ čo značky HTML môžu byť zapísané v prípade UPPER, prípade MiXeD alebo malých písmen, aby boli správne, značky XHTML musia byť malé. (Poznámka - mnohí weboví profesionáli píšu HTML vo všetkých malých písmenách, hoci to nie je technicky potrebné).
- Všetky prvky XHTML musia mať koncovú značku. Prvky s iba jedným štítkom, napríklad a vyžadujú zavieranie lomítka (/) na konci tagu:
- Všetky atribúty musia byť uvedené v XHTML. Niektorí ľudia odstránia útvary okolo atribútov, aby šetrili miesto, ale sú požadované pre správnu XHTML.
- XHTML vyžaduje, aby značky boli vnorené správne. Ak otvoríte hrubý () prvok a potom kurzíva (), musíte predtým, ako zavriete tučné písmo (), zatvoriť prvok kurzívu (). (Všimnite si, že oba tieto prvky boli zastarané, pretože sú vizuálnymi prvkami, HTML teraz používa a namiesto týchto dvoch)
- Atribúty HTML musia mať názov a hodnotu. Atribúty, ktoré sú samostatné v jazyku HTML, musia byť deklarované aj s hodnotami, napríklad atribút HR by bol napísaný noshade = "noshade".
Originálny článok od Jennifer Krynin. Upravený Jeremy Girard dňa 7/5/17.