Webdesign, rovnako ako každý priemysel alebo profesia, má svoj vlastný jazyk. Keď vstúpite do odvetvia a začnete hovoriť svojim kolegom, nepochybne narazíte na množstvo výrazov a fráz, ktoré sú pre vás nové, ale ktoré plynú z jazykov vašich kolegov webových profesionálov. Dva z termínov, ktoré počujete, sú HTML tag a element.
Keď počujete tieto dva výrazy, môžete si uvedomiť, že sú používané trochu zameniteľné. Jedna otázka, ktorú mnohí noví profesionálni používatelia majú pri začatí práce s kódom HTML, je "aký je rozdiel medzi značkou HTML a prvkom HTML?"
Zatiaľ čo sú tieto dva pojmy podobné v zmysle, nie sú v skutočnosti synonymá. Aká je teda podobnosť s týmito dvomi výrazmi? Stručná odpoveď spočíva v tom, že oba značky a prvky odkazujú na značku používanú na písanie kódu HTML. Môžete napríklad povedať, že používate
tag na definovanie odseku alebo prvku na vytvorenie odkazov. Mnoho ľudí používa značku a prvok termínov zameniteľne a každý webový dizajnér alebo vývojár, s ktorými hovoríte, by pochopil, čo ste mysleli, ale skutočnosť spočíva v tom, že medzi týmito dvoma výrazmi je malý rozdiel.
HTML tagy
HTML je značkovací jazyk, čo znamená, že je napísaný s kódmi, ktoré si človek môže prečítať bez toho, aby musel byť najprv zostavený. Inými slovami, text na webovej stránke je "označený" týmito kódmi, aby poskytol prehliadaču pokyny na zobrazenie textu. Tieto značkovacie značky sú samotné značky HTML.
Pri písaní kódu HTML píšete HTML značky. Všetky značky HTML obsahujú niekoľko špecifických častí, medzi ktoré patria:
- Značka menej ako
<
- Slovo alebo znak, ktorý určuje, ktorá značka sa píše
- Ľubovoľný počet voliteľných atribútov HTML vo formáte a
name = "hodnota" pár
- A nakoniec väčšie než znamenie
>
Tu sú napríklad niektoré značky HTML:
Toto sú všetky otváracie značky HTML bez pridania nepovinných atribútov. Tieto značky predstavujú:
-
- definuje odsek
-
- definuje stránku ako HTML
-
- definuje rozdelenie
Ďalej sú to HTML tagy:
-
-
-
- je neusporiadaný zoznam, ktorý obsahuje atribút ID
- Divízia má atribút triedy
- Prvok kotvy alebo odkaz obsahuje atribút "href"
- Značka obrázka s atribútom "src"
Všetky tieto príklady obsahujú atribúty, ktoré boli pridané do úvodných HTML značiek.
V prípade značiek kotvy a obrázkov sú atribúty skutočne nepovinné, sú potrebné na to, aby sa tieto značky správne zobrazovali. Musíte uviesť odkaz, kam sa má ísť (čo je to, čo "href" robí) a obrázok, čo sa má zobraziť (čo je to, čo poskytuje atribút "src").
Čo sú prvky HTML?
Podľa špecifikácie W3C HTML, element je základným stavebným kameňom HTML a zvyčajne tvorí dve značky : otváracia značka a záverečná značka. Doteraz sme sa len pozreli na otváracie štítky, ktoré začínajú prvky. Ak chcete tento prvok ukončiť, napíšete zodpovedajúce zavádzacie značky.
Napríklad pre prvok odseku, ktorý napíšete takto:
To sa skladá z otváracej značky, ktorú sme videli pred chvíľou, rovnako ako záverečnej značky - Takmer všetky prvky HTML majú otvorenú značku a záverečnú značku. Tieto značky obklopujú text, ktorý sa zobrazí na webovej stránke. Napríklad, ak chcete napísať odsek textu, napíšete text, ktorý sa má zobraziť na stránke a obklopiť ju týmito značkami: Toto je miesto, kde by ste napísali text odseku, ktorý by ste chceli zobraziť na webovej stránke. Niektoré prvky HTML nemajú uzatváraciu značku. Tieto sa nazývajú "prázdne prvky". Niekedy sú tiež označované ako prvky "singleton" alebo "void". Prázdne prvky sa ľahko používajú, pretože na svoju webovú stránku musíte iba jednu značku a prehliadač bude vedieť čo robiť. Napríklad, ak chcete na svoju stránku pridať jeden prerušený riadok, použite Ďalším spoločným prvkom, ktorý obsahuje len otváracia značka, je prvok "obrázok". Napríklad: Tento príklad sme videli skôr, ale pre tento obrazový prvok neexistuje žiadna záverečná značka. Prehliadač jednoducho nahradí tento kód obrázkom, na ktorý odkazuje atribút "href". V tomto prípade by to bolo "logo.png". Vo všeobecnosti, keď sa budeme odvolávať na prvok alebo tag HTML, použijeme termín "element" na označenie toho, že odkazujeme na všetky časti elementu (ako otváracie, tak aj záverečné značky). Používame iba "značku", keď odkazujeme len na jednu alebo druhú. Toto je správne použitie týchto dvoch termínov a odporúčame vám ich správne používať, ale len viete, že ak ich trochu skĺznete a vymeníte, stále budete rozumieť vašim novým partnerom pre vývoj webových aplikácií!
tag.
