Co je tag HTML versus element HTML?

Existuje rozdíl mezi těmito dvěma podmínkami

Webdesign, stejně jako každý průmysl nebo povolání, má svůj vlastní jazyk. Když vstoupíte do průmyslu a začnete hovořit se svými vrstevníky, nepochybně narazíte na řadu výrazů a frází, které jsou pro vás nové, ale které proudy jazyků vašich kolegů z webu. Dvě z výrazů, které slyšíte, jsou "tag" a "element".

Když slyšíte tyto dva výrazy, můžeme si uvědomit, že se používají poněkud zaměnitelně. Jedná se tedy o otázku, kterou mnoho nových profesionálů z webu, když začínají pracovat s kódem HTML, "jaký je rozdíl mezi značkou HTML a prvkem HTML?"

Zatímco tyto dva výrazy jsou ve smyslu podobné, nejsou to opravdu synonyma. Jaká je tedy podobnost s těmito dvěma výrazy? Krátká odpověď je, že se značky i prvky odkazují na značku použitou k psaní kódu HTML. Můžete například říci, že používáte značku

k definování odstavce nebo prvku pro vytvoření odkazů. Mnoho lidí používá značku a prvek termínů zaměnitelně a každý webdesignér nebo vývojář, se kterými mluvíte, by pochopil, co myslíte, ale skutečnost je, že mezi těmito dvěma výrazy je malý rozdíl.

HTML je značkovací jazyk , což znamená, že je napsán s kódy, které si člověk může přečíst, aniž by bylo nutné ho nejprve kompilovat. Jinými slovy, text na webové stránce je "označen" těmito kódy, aby měl webový prohlížeč pokyny, jak zobrazovat text. Tyto značkovací značky jsou samy značky HTML.

Při psaní kódu HTML píšete značky HTML. Všechny značky HTML se skládají z několika konkrétních částí, včetně:

• Značka <
• Slovo nebo znak, který určuje, která značka je zapsána
• Libovolný počet volitelných atributů HTML ve formě dvojice name = "value"
• A nakonec větší než znamení>

Zde jsou například některé značky HTML:

Jedná se o všechny značky pro otevírání kódu HTML, aniž by byly k nim přidány žádné volitelné atributy. Tyto značky představují:

• - definuje odstavec.

• - definuje stránku jako HTML
• - definuje rozdělení.

Následují také tagy HTML:

• Všechny tyto příklady obsahují atributy, které byly přidány k úvodním tagům HTML.

  • je neuspořádaný seznam, který obsahuje atribut ID
    • Divize má atribut třídy
    • Element kotvy nebo odkaz obsahuje atribut "href"
    • Značka obrázku s atributem "src"

    U kotevních a obrázkových štítků nejsou atributy vlastně volitelné, jsou nezbytné pro správné zobrazení těchto značek. Musíte říct odkaz, kam jít (což je to, co "href" dělá) a obrázek, co má zobrazit (což je to, co poskytuje atribut "src").

    Co jsou prvky HTML

    Podle specifikace W3C HTML je prvek základním stavebním blokem HTML a je obvykle tvořen dvěma značkami : první a závěrečnou značkou. Zatím jsme se podívali pouze na otvírací štítky, které začínají prvky. Chcete-li tento prvek ukončit, napište příslušné závěrečné značky.

    Například pro prvku odstavce, který píšete takto:

    To se skládá z otvírací značky, kterou jsme viděli před chvílí, stejně jako závěrečné značky - . Uzavírací štítky jsou opravdu jen opakující se otevírací značka, ale s "dopředným lomítkem" se přidá přímo za "méně než symbol".

    Téměř všechny prvky HTML mají otevírací značku a uzavírací značku. Tyto značky obklopují text, který se zobrazí na webové stránce. Chcete-li například napsat text odstavce, napište text, který se má zobrazit na stránce a obklopit ji následujícími značkami:

    Zde píšete text odstavce, který byste chtěli zobrazit na webové stránce.

    Některé prvky HTML nemají uzavírací značku. Tito se nazývají "prázdné prvky". Někdy jsou také označovány jako prvky " singleton " nebo "void". Prázdné prvky se snadno používají, protože na webové stránce musí obsahovat pouze jednu značku a prohlížeč bude vědět, co dělat. Chcete-li například přidat jednu linku do vaší stránky, použijete značku b
    .

    Dalším běžným prvkem, který obsahuje pouze otevírací značku, je prvek "obrázek". Například:

    Tento příklad jsme viděli dříve, ale pro tento obrazový prvek není uzavírací značka. Prohlížeč jednoduše nahradí tento kód obrazem, který je odkazován v atributu "href". V tomto případě by to bylo "logo.png".

    Obecně platí, že když se odkazuji na prvek HTML nebo tag, použiji termín "prvek", abych naznačil, že mám na mysli všechny části prvku (otevírací a uzavírací značky). Používám "značku", že jsem opravdu odkazoval pouze jeden nebo druhý. To je správné použití těchto dvou termínů a doporučuji vám, abyste je správně používali - ale jen vězte, že pokud si je trochu sklouznete a vyměníte, stále budete chápat vaši noví weboví vývojáři!

    Původní článek Jennifer Krynin. Upraveno Jeremy Girardem dne 21.7.17