Jakmile začnete zkoumat svět webového designu, určitě se představíte řadě slov a frází, které jsou pro vás nové. Jedním z termínů, které pravděpodobně budete slyšet, je "značka" nebo možná "značkovací jazyk". Jak se "značka" liší od "kódu" a proč se zdá, že někteří weboví profesionálové používají tyto pojmy zaměnitelně? Začněme tím, že se podíváme přesně na to, co je "značkovací jazyk".
Podívejme se na 3 jazyky označování
Téměř každá zkratka na webu, která má v něm "ML", je "značkovací jazyk" (velké překvapení, to znamená "ML"). Značkovací jazyky jsou stavebními kameny používanými k vytváření webových stránek nebo všech tvarů a velikostí.
Ve skutečnosti je na světě mnoho různých značkovacích jazyků. Pro návrh a vývoj webových stránek existují tři specifické značkovací jazyky, které pravděpodobně narazíte. Jedná se o HTML, XML a XHTML .
Co je značkovací jazyk?
Chcete-li tento výraz správně definovat, značkovací jazyk je jazyk, který anotuje text tak, aby počítač mohl tento text manipulovat. Většina značkovacích jazyků je člověkem čitelná, protože anotace jsou psány způsobem, který je odlišuje od samotného textu. Například s HTML, XML a XHTML jsou tagy značek . Každý text, který se objeví v jednom z těchto znaků, se považuje za součást značkovacího jazyka a není součástí anotovaného textu.
Například:
Toto je text odstavce napsaný v HTML
Tento příklad je odstavcem HTML. To se skládá z otvírací značky (
), závěrečné značky () a skutečného textu, který by se zobrazoval na obrazovce (je to text obsažený mezi oběma značkami). Každá značka obsahuje symbol "méně než" a "velký než", který jej označuje jako součást značky.
Při formátování textu, který se má zobrazit na obrazovce počítače nebo jiného zařízení , musíte rozlišovat mezi samotným textem a pokyny pro text. "Označení" je pokyny pro zobrazení nebo tisk textu.
Označení nemusí být čitelné počítačem. Poznámky provedené v tisku nebo v knize jsou také považovány za značku. Například mnoho studentů ve škole zvýrazní určité fráze ve svých učebnicích. To znamená, že zvýrazněný text je důležitější než okolní text. Zvýraznená barva se považuje za značku.
Označení se stává jazykem, když jsou pravidla kodifikována kolem toho, jak psát a používat tuto značku. Ten stejný student by mohl mít svůj vlastní "poznávací značkový jazyk", pokud kodifikoval pravidla jako "purpurový zvýrazňovač je pro definice, žlutý zvýrazňovač je pro podrobnosti zkoušky a poznámky tužky v okrajích jsou pro další zdroje."
Většina značkovacích jazyků definuje externí autorita pro použití mnoha různými lidmi. Tak fungují značkovací jazyky pro web. Jsou definovány W3C nebo World Wide Web Consortium .
HTML-HyperText Markup Language
HTML nebo HyperText Markup Language je primárním jazykem webu a nejběžnějším, s nímž budete pracovat jako webový návrhář / vývojář.
Ve skutečnosti to může být jediný značkovací jazyk, který používáte ve své práci.
Všechny webové stránky jsou psány v chuti HTML. HTML definuje způsob zobrazování obrázků , multimédií a textu ve webových prohlížečích. Tento jazyk obsahuje prvky pro připojení dokumentů (hypertext) a interaktivitu webových dokumentů (například s formuláři). Mnoho lidí volá HTML "kód webu", ale ve skutečnosti je to opravdu jen značkovací jazyk. Ani jeden z termínů není přísně špatný a budete slyšet lidi, včetně odborníků na web, používají tyto dva pojmy zaměnitelně.
HTML je definovaný standardní značkovací jazyk. Je založen na SGML (Standard Generalized Markup Language).
Je to jazyk, který používá značky pro definování struktury vašeho textu. Prvky a značky jsou definovány znaky .
Zatímco HTML je zdaleka nejoblíbenější značkovací jazyk používaný na webu dnes, není to jediná volba pro vývoj webových aplikací. Vzhledem k tomu, že byl vyvinut HTML, stal se stále komplikovanější a styly a obsahové značky byly kombinovány do jednoho jazyka. Nakonec se W3C rozhodla, že existuje potřeba oddělení stylu webové stránky od obsahu. Značka, která definuje samotný obsah, zůstane v HTML, zatímco tagy, které definují styl, byly zastaralé ve prospěch CSS (kaskádové styly).
Nejnovější číslovaná verze HTML je HTML5. Tato verze přidala do HTML více funkcí a odstranila některé z přísnosti, která byla zavedena XHTML (více na tento jazyk brzy).
Způsob uvolňování kódu HTML byl změněn vzestupem HTML5. Dnes jsou přidány nové funkce a změny, aniž by bylo nutné, aby byla vydána nová, očíslovaná verze. Nejnovější verze jazyka je jednoduše označována jako "HTML".
XML-eXtensible Markup Language
EXtensible Markup Language je jazyk, na kterém je založena jiná verze HTML. Stejně jako HTML, XML je založen také na SGML. Je méně přísná než SGML a je přísnější než obyčejný HTML. XML poskytuje rozšíření pro vytváření různých jazyků.
XML je jazyk pro psaní značkovacích jazyků. Například pokud pracujete na genealogii, můžete vytvářet tagy pomocí XML, abyste definovali otce, matku, dceru a syna ve vašem XML, například:
Existuje také několik standardizovaných jazyků již vytvořených s XML: MathML pro definování matematiky, SMIL pro práci s multimédii, XHTML a mnoho dalších.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 je předdefinován HTML 4.0, který splňuje standard XML . XHTML byl nahrazen moderním webovým designem s HTML5 a změnami, které se od té doby objevily. Není pravděpodobné, že byste našli novější weby používající XHTML, ale pokud pracujete na mnohem starších stránkách, můžete se stále setkat s XHTML tam ve volné přírodě.
Mezi HTML a XHTML nejsou velké rozdíly, ale zde je to, co si všimnete:
- XHTML je napsán malými písmeny. Zatímco HTML tagy mohou být zapsány v UPPER případě, případ MiXeD, nebo malá písmena, být správný, XHTML tagy musí být malý případ. (Poznámka - mnoho webových profesionálů psát HTML všemi malými písmeny, přestože to není technicky požadováno).
- Všechny prvky XHTML musí mít koncovou značku. Prvky s pouze jednou značkou, například a vyžadují zavírací lomítko (/) na konci tagu:
- Všechny atributy musí být uvedeny v XHTML. Někteří lidé odstraní citace kolem atributů, aby ušetřili místo, ale jsou požadovány pro správnou XHTML.
- XHTML vyžaduje, aby značky byly vnořeny správně. Pokud otevřete tučný () prvek a pak kurzíva (), musíte předtím, než zavřete tučné písmo (), zavřít kurzíva (). (Všimněte si, že oba tyto prvky byly zastaralé, protože jsou vizuálními prvky. HTML nyní používá a místo těchto dvou)
- Atributy HTML musí mít název a hodnotu. Atributy, které jsou samostatné v HTML, musí být deklarovány také hodnotami, například atribut HR by byl napsán noshade = "noshade".
Původní článek Jennifer Krynin. Upraveno Jeremy Girardem 7. 5. 17.