Existuje rozdiel medzi týmito dvoma pojmami
Webdesign, rovnako ako každý priemysel alebo profesia, má svoj vlastný jazyk. Keď vstúpite do odvetvia a začnete hovoriť s vašimi kolegami, nepochybne narazíte na množstvo slovíčok a fráz, ktoré sú pre vás nové, ale ktoré prúdenie jazykov vašich kolegov webových profesionálov. Dva z termínov, ktoré budete počuť, sú HTML "tag" a "element".
Keď počujete tieto dva výrazy, môžete si uvedomiť, že sú používané trochu zameniteľné. Ako taký, jedna otázka, ktorú mnohí noví profesionáli na webe začali pracovať s HTML kódom, je "aký je rozdiel medzi tagom HTML a elementom 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 značku
na definovanie odseku alebo elementu 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 <
- Slovo alebo znak, ktorý určuje, ktorá značka sa píše
- Ľubovoľný počet voliteľných atribútov HTML vo forme dvojice name = "value"
- 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:
-
-
Všetky tieto príklady obsahujú atribúty, ktoré boli pridané do úvodných HTML značiek.
-
- 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 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 je prvok základným stavebným blokom HTML a zvyčajne sa skladá z dvoch značiek : 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:
p>
To sa skladá z otváracej značky, ktorú sme videli pred chvíľou, rovnako ako záverečnej značky - p>. Uzatváracie značky sú skutočne len opakované otváracie značky, ale s "dopredu lomítkom" pridané priamo za "menej ako symbol".
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:
Tu napíšete text odseku, ktorý by ste chceli zobraziť na webovej stránke. p>
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ť. Ak napríklad chcete na svoju stránku pridať jeden prerušený riadok, použijete značku b
.Ď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".
Všeobecne platí, že keď sa budem odvolávať na prvok alebo značku HTML, budem používať výraz "element", aby som naznačil, že mám na mysli všetky časti elementu (ako otváracie, tak aj záverečné značky). Používam "tag", naozaj som odkazoval len jeden alebo druhý. Toto je správne používanie týchto dvoch výrazov a odporúčam vám ich správne používať - ale len vedieť, že ak ich trochu skĺznete a premieňate, stále budete rozumieť vašim novým partnerom pre vývoj webových aplikácií!
Originálny článok od Jennifer Krynin. Upravený Jeremy Girard dňa 21.7.17
-
-