Summary of Markup Languages and Data Formats

Markup Languages and Data Formats Explained for Students

Úvod

Značkovací jazyky slouží k popisu struktury a prezentace textových dokumentů a grafiky pomocí jednoduchých textových značek. Tento materiál se zaměřuje na praktické přístupy, ukázky a porovnání hlavních druhů značkovacích jazyků používaných na univerzitní úrovni.

Definice: Značkovací jazyk je textový formát, který pomocí speciálních značek popisuje strukturu nebo obsah dokumentu tak, aby mohl být dále zpracován nebo zobrazován.

Hlavní koncepty (rozdělené části)

1) TeX a LaTeX — typografie a precizní sazba

  • TeX: programovací jazyk pro tvorbu profesionální sazby; důraz na precizní kontrolu výstupu.
  • LaTeX: nadstavba (sada makro příkazů) nad TeXem, která zjednodušuje běžné úlohy jako kapitoly, citace nebo tabulky.

Definice: TeX je nízkoúrovňový jazyk pro sazbu dokumentů; LaTeX je knihovna maker, která poskytuje vyšší abstrakci nad TeXem.

Praktický příklad základního dokumentu LaTeXu:

\documentclass[english]{article}
\usepackage[T1]{fontenc}
\usepackage[UTF-8]{inputenc}
\usepackage{babel}
\begin{document}
Hello, world!
\end{document}
  • Tipy: soubor ukládáme s příponou .tex a kompilujeme do PDF nástroji jako pdfLaTeX nebo XeLaTeX.

Využití v praxi:

  • Psaní vědeckých článků, diplomových prací, knih a matematických textů.
  • Precizní nastavení rozložení stránky, podpory balíčků pro citace, grafy a sazbu rovnic.
💡 Věděli jste?Věděli jste, že TeX byl navržen Donaldem Knuthem právě proto, aby bylo možné dosáhnout tiskové kvality sazby matematiky a textu?

2) Markdown — lehký textový zápis pro web a poznámky

  • Markdown je jednoduchý syntax pro rychlé psaní strukturovaného textu, který se konvertuje do HTML nebo jiných formátů.
  • Často používané pro README soubory, poznámkové aplikace a Jupyter notebooky.

Praktický příklad (základní syntaxi):

  • Nadpis: # Nadpis
  • Tučný text: tučně
  • Seznam: - položka

Využití:

  • Rychlé dokumentace v GitHub repozitářích, psaní poznámek v nástrojích jako Obsidian, nebo vstupy/výstupy generativních nástrojů.
💡 Věděli jste?Zajímavost: Markdown původně vznikl v roce 2004 a jeho standardizace byla později posílena projektem CommonMark.

3) SVG — vektorová grafika v textové podobě

  • SVG (Scalable Vector Graphics) je XML-aplikace pro vektorovou grafiku; výsledné soubory jsou textové a lze je upravovat v textovém editoru.

Definice: SVG je formát pro popis vektorové grafiky pomocí značek, který zachovává kvalitu při zvětšení.

Základní rysy:

  • Menší velikost u jednoduchých tvarů oproti bitmapě
  • Možnost animací, přístupnost textu uvnitř grafiky, použití CSS a skriptování

Příklad jednoduchého tvaru (schematicky):

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <polyline points="20,20 40,25 60,40" style="fill:none;stroke:black;stroke-width:3" />
</svg>

Způsoby vložení do HTML (výhody/nevýhody):

MetodaVýhodaNevýhoda
<img src="...">Jednoduché, prohlížečem běžně podporovánoOmezený přístup k interním elementům SVG
<object data="...">Široká podpora verzí HTMLSložitější skriptování uvnitř objektu
<iframe src="...">Izolovaný kontext, podporaObtížná integrace s CSS stránky
Vložit přímo <svg>Plná kontrola a stylováníZvětšuje HTML dokument, může být náročné na údržbu

Využití:

  • Interaktivní vizualizace, diagramy, grafy, animace.
💡 Věděli jste?Zajímavost: SVG soubory lze přímo editovat v textovém editoru i vektorových editorech, což usnadňuje automatizaci jejich generování.

4) Další jazyky a ukázky

  • Polyline, path a text v SVG pro kreslení a popisky.
  • KML (Keyhole Markup Language) pro geolokační označení bodů na mapách.

Krátká ukázka KML:

<?xml version='1.0' encoding='UTF-8'?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Placemark>
    <name>Plzeň</name>
    <description>Plzeň je hlavní město piva na světě.</description>
  </Placemark>
</kml>

Praktické použití: export bodů a tras pro mapové služby nebo sdílení geodat.

Porovnání vybraných značkovacích jazyků

| Kritérium | TeX/LaTeX | Ma

Zaregistruj se pro celé shrnutí
FlashcardsKnowledge testSummaryPodcastMindmap
Start for free

Already have an account? Sign in

Značkovací jazyky — přehled

Klíčové pojmy: TeX je nástroj pro profesionální sazbu dokumentů, LaTeX je sada maker zjednodušující práci s TeXem, Markdown je lehký formát pro rychlé psaní a konverzi do HTML, SVG popisuje vektorovou grafiku v textové podobě, SVG lze vložit do HTML několika způsoby: img, object, iframe, nebo inline, Polyline a path jsou základní tvary v SVG pro kreslení cest, KML slouží k popisu geografických údajů pro mapy, Volba značkovacího jazyka závisí na požadavcích na preciznost, interaktivitu a jednoduchost, LaTeX dokument začíná \documentclass a končí \end{document}, Markdown má různé dialekty; CommonMark se snaží sjednotit syntaxi, SVG umožňuje animace, skripty a přístupnost textu uvnitř grafiky, Konverze mezi formáty (Markdown → LaTeX/PDF) usnadňuje pracovní postup

## Úvod Značkovací jazyky slouží k popisu struktury a prezentace textových dokumentů a grafiky pomocí jednoduchých textových značek. Tento materiál se zaměřuje na praktické přístupy, ukázky a porovnání hlavních druhů značkovacích jazyků používaných na univerzitní úrovni. > Definice: Značkovací jazyk je textový formát, který pomocí speciálních značek popisuje strukturu nebo obsah dokumentu tak, aby mohl být dále zpracován nebo zobrazován. ## Hlavní koncepty (rozdělené části) ### 1) TeX a LaTeX — typografie a precizní sazba - **TeX**: programovací jazyk pro tvorbu profesionální sazby; důraz na precizní kontrolu výstupu. - **LaTeX**: nadstavba (sada makro příkazů) nad TeXem, která zjednodušuje běžné úlohy jako kapitoly, citace nebo tabulky. > Definice: TeX je nízkoúrovňový jazyk pro sazbu dokumentů; LaTeX je knihovna maker, která poskytuje vyšší abstrakci nad TeXem. Praktický příklad základního dokumentu LaTeXu: ```tex \documentclass[english]{article} \usepackage[T1]{fontenc} \usepackage[UTF-8]{inputenc} \usepackage{babel} \begin{document} Hello, world! \end{document} ``` - Tipy: soubor ukládáme s příponou .tex a kompilujeme do PDF nástroji jako pdfLaTeX nebo XeLaTeX. Využití v praxi: - Psaní vědeckých článků, diplomových prací, knih a matematických textů. - Precizní nastavení rozložení stránky, podpory balíčků pro citace, grafy a sazbu rovnic. Věděli jste, že TeX byl navržen Donaldem Knuthem právě proto, aby bylo možné dosáhnout tiskové kvality sazby matematiky a textu? ### 2) Markdown — lehký textový zápis pro web a poznámky - Markdown je jednoduchý syntax pro rychlé psaní strukturovaného textu, který se konvertuje do HTML nebo jiných formátů. - Často používané pro README soubory, poznámkové aplikace a Jupyter notebooky. Praktický příklad (základní syntaxi): - Nadpis: # Nadpis - Tučný text: **tučně** - Seznam: - položka Využití: - Rychlé dokumentace v GitHub repozitářích, psaní poznámek v nástrojích jako Obsidian, nebo vstupy/výstupy generativních nástrojů. Zajímavost: Markdown původně vznikl v roce 2004 a jeho standardizace byla později posílena projektem CommonMark. ### 3) SVG — vektorová grafika v textové podobě - **SVG** (Scalable Vector Graphics) je XML-aplikace pro vektorovou grafiku; výsledné soubory jsou textové a lze je upravovat v textovém editoru. > Definice: SVG je formát pro popis vektorové grafiky pomocí značek, který zachovává kvalitu při zvětšení. Základní rysy: - Menší velikost u jednoduchých tvarů oproti bitmapě - Možnost animací, přístupnost textu uvnitř grafiky, použití CSS a skriptování Příklad jednoduchého tvaru (schematicky): ```xml <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <polyline points="20,20 40,25 60,40" style="fill:none;stroke:black;stroke-width:3" /> </svg> ``` Způsoby vložení do HTML (výhody/nevýhody): | Metoda | Výhoda | Nevýhoda | |---|---:|---| | <img src="..."> | Jednoduché, prohlížečem běžně podporováno | Omezený přístup k interním elementům SVG | | <object data="..."> | Široká podpora verzí HTML | Složitější skriptování uvnitř objektu | | <iframe src="..."> | Izolovaný kontext, podpora | Obtížná integrace s CSS stránky | | Vložit přímo <svg> | Plná kontrola a stylování | Zvětšuje HTML dokument, může být náročné na údržbu | Využití: - Interaktivní vizualizace, diagramy, grafy, animace. Zajímavost: SVG soubory lze přímo editovat v textovém editoru i vektorových editorech, což usnadňuje automatizaci jejich generování. ### 4) Další jazyky a ukázky - Polyline, path a text v SVG pro kreslení a popisky. - KML (Keyhole Markup Language) pro geolokační označení bodů na mapách. Krátká ukázka KML: ```xml <?xml version='1.0' encoding='UTF-8'?> <kml xmlns="http://www.opengis.net/kml/2.2"> <Placemark> <name>Plzeň</name> <description>Plzeň je hlavní město piva na světě.</description> </Placemark> </kml> ``` Praktické použití: export bodů a tras pro mapové služby nebo sdílení geodat. ## Porovnání vybraných značkovacích jazyků | Kritérium | TeX/LaTeX | Ma