Kada počnete istraživati svijet web dizajna, nesumnjivo ćete se uvesti u brojne riječi i fraze koje su vam nove. Jedan od izraza koji ćete vjerojatno čuti je "označavanje" ili možda "označni jezik". Kako je "označavanje" različito od "koda" i zašto neki web-stručnjaci upotrebljavaju te termine međusobno? Počnimo pogledom upravo ono što je "označni jezik".
Pogledajmo 3 markupna jezika
Gotovo svaki akronim na webu koji ima "ML" u njemu je "označni jezik" (veliko iznenađenje, to je ono što znači "ML"). Markupni jezici su građevni blokovi za izradu web stranica ili svih oblika i veličina.
U stvarnosti, postoji mnogo različitih markup jezika vani u svijetu. Za web dizajn i razvoj postoje tri specifična markupna jezika za koje ćete se vjerojatno pojaviti. To su HTML, XML i XHTML .
Što je Markup Language?
Da biste ispravno odredili taj pojam - označni jezik je jezik koji bilježi tekst kako bi računalo moglo manipulirati tim tekstom. Većina označnih jezika ljudski je čitljiva jer su napomene napisane tako da ih razlikuju od samog teksta. Na primjer, s HTML-om, XML-om i XHTML oznakama označavanja su . Svaki tekst koji se pojavljuje unutar jednog od tih znakova smatra se dijelom označnog jezika, a ne dio označenog teksta.
Na primjer:
Ovo je odlomak teksta napisan u HTML-u
Ovaj primjer je HTML odlomak. Sastoji se od početne oznake (
), zatvaranja oznake () i teksta koji bi se prikazivao na zaslonu (to je tekst koji se nalazi između dvije oznake). Svaka oznaka sadrži znak "manji od" i "veći od" da bi ga označio kao dio oznake.
Kada formatirate tekst koji želite prikazati na računalu ili nekom drugom zaslonu uređaja , morate razlikovati tekst i upute za tekst. "Označavanje" je uputa za prikaz ili ispis teksta.
Označavanje ne mora biti računalno čitljivo. Napomene u tisku ili u knjizi također se smatraju markupom. Na primjer, mnogi učenici u školi će istaknuti određene fraze u svojim tekstovima. To znači da je istaknuti tekst važniji od okolnog teksta. Istaknuta boja označava se oznakom.
Označavanje postaje jezik kada se pravila kodificiraju oko toga kako napisati i upotrebljavati tu oznaku. Taj isti učenik mogao bi imati vlastiti "bilješke za označavanje jezika" ako su kodificirale pravila poput "crveno označavanje za definicije, žuti isticanje je za detalje ispitivanja, a olovke na marginama za dodatne resurse".
Većina označnih jezika definira vanjsko tijelo koje koristi mnogo različitih ljudi. Ovo je način na koji se označavaju jezici za web rad. Definirali su ih W3C ili World Wide Web Consortium .
HTML-HyperText Markup Language
HTML ili HyperText Markup Language je primarni jezik Web i najčešći s kojim ćete raditi kao web dizajner / developer.
Zapravo, to može biti jedini označni jezik koji koristite u svom radu.
Sve web stranice su napisane u okusu HTML-a. HTML definira način prikazivanja slika , multimedije i teksta u web preglednicima. Ovaj jezik sadrži elemente za povezivanje vaših dokumenata (hipertekst) i interaktivnu web dokumentaciju (npr. S obrascima). Mnogi ljudi zovu HTML "kôd web mjesta", ali u stvari to je zapravo samo označni jezik. Nijedna riječ nije strogo pogrešna i čut ćete ljude, uključujući web profesionalce, te dvije riječi upotrijebiti naizmjenično.
HTML je definirani standardni označni jezik. Temelji se na SGML (Standardized Generalized Markup Language).
To je jezik koji koristi oznake za definiranje strukture vašeg teksta. Elementi i oznake definirani su znakovima .
Iako je HTML daleko najpopularniji označni jezik koji se upotrebljava na webu danas, to nije jedini izbor za razvoj web stranica. Kao što je HTML razvijen, postao je sve složeniji, a oznake stila i sadržaja kombinirane su na jedan jezik. Na kraju, W3C je odlučio da postoji potreba za odvajanjem stila web stranice i sadržaja. Oznaka koja definira sadržaj sama bi ostala u HTML-u, dok su oznake koje definiraju stil odbijene u korist CSS (Cascading Style Sheets).
Najnovija brojčana verzija HTML-a je HTML5. Ova je verzija dodala više mogućnosti u HTML i uklonila neke od strogosti koju je nametnuo XHTML (više na tom jeziku uskoro).
Način na koji se objavljuje HTML izmijenjen je s porastom HTML5. Danas se dodaju nove značajke i promjene bez potrebe za novom, brojem izdanom verzijom. Najnovija verzija jezika jednostavno se naziva "HTML".
XML-eXtensible Markup Language
EXtensible Markup Language je jezik na kojem se temelji druga verzija HTML-a. Kao i HTML, XML se također temelji na SGML-u. To je manje strogi od SGML-a i strože od običnog HTML-a. XML pruža proširivost za stvaranje različitih jezika.
XML je jezik za pisanje markup jezika. Na primjer, ako radite na rodoslovlju, u XML-u možete stvoriti oznake pomoću XML-a kako biste definirali oca, majku, kćer i sin u ovakvom obliku:
Postoji i nekoliko standardiziranih jezika koji su već stvoreni s XML-om: MathML za definiranje matematike, SMIL za rad s multimedijom, XHTML i mnogi drugi.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 je HTML 4.0 redefiniran kako bi zadovoljio XML standard. XHTML je zamijenjen u suvremenom web dizajnu s HTML5 i promjenama koje dolaze od tada. Malo je vjerojatno da ćete pronaći nove web-lokacije pomoću XHTML-a, ali ako radite na mnogo starijoj web-lokaciji, još uvijek možete susresti XHTML u prirodi.
Nema puno velikih razlika između HTML i XHTML , ali evo što ćete primijetiti:
- XHTML je napisan u malim slovima. Iako se HTML oznake mogu napisati u UPPER slučaju, slučaj MiXeD ili mala slova moraju biti točne, XHTML oznake moraju biti male veličine. (Napomena - mnogi web profesionalci pišu HTML u svim malim slovima, iako nije tehnički potrebna).
- Svi XHTML elementi moraju imati krajnju oznaku. Elementi koji imaju samo jednu oznaku, kao što je i potreban zatvaranje crte (/) na kraju oznake:
- Svi atributi moraju biti citirani u XHTML. Neki ljudi uklanjaju citate oko atributa kako bi uštedjeli prostor, ali su potrebni za ispravni XHTML.
- XHTML zahtijeva da su oznake ispravno ugniježđene. Ako otvorite podebljani element (), a zatim element kurzivog (), morate zatvoriti element kurziv () prije nego što zatvorite podebljano (). (Imajte na umu da su oba elementa obustavljena jer su vizualni elementi. HTML upotrebljava i umjesto ove dvije)
- HTML atributi moraju imati naziv i vrijednost. Atributi koji su samostalni u HTML-u moraju se također deklarirati s vrijednostima, na primjer, HR atribut bi se napisao noshade = "noshade".
Izvorni članak Jennifer Krynin. Uredio Jeremy Girard na 7/5/17.