Atributy

S několika atributy jsme se již setkali v předchozí sekci. Nyní se na ně pojďme podívat podrobněji.

V HTML existuje celá řada atributů, ale ne všechny jsou běžnou praxí. Například element <a> - hyperlink - má atribug hreflang, který specifikuje jazyk cílové stránky, nebo souboru. V praxi se s ním však mnohdy nepotkáte.

Nejprve se podíváme na obecné atributy:

id - identifikátor elementu; Tento identifikátor musí být pro celou stránku jedinečný. Používá se k identifikaci elementu pro CSS styly a pro scripty. Zápis je:

<div id="logo">...</div>

class - Třída elementu používaná pro stylování prvků pomocí CSS. Stejnou třídu může mít více prvků, elementů. Používá se pro rozlišení více stejných prvků. Například bude stránka, kde budou zobrazeny nejnovější články, a nejčtenější články. Pro tyto prvky zvolím jinou třídu, a díky tomu mohou graficky vypadat odlišně. Atribut class může obsahovat více hodnot oddělených mezerou.

<div class="newestArticles">
  <article>...</article>
  <article>...</article>
  <article>...</article>
</div>

<div class="articles mostReaded">
  <article>...</article>
  <article>...</article>
  <article>...</article>
</div>

style - Zápis stylu v jazyce CSS. Takovémuto zápisu se říkáý in-line zápis a v dnešní době se používá zřídka.

<div style="background:gray;">...</div>
<div style="background: gray; border: 3px solid blue;">...</div>

Atributy vázané na element:

href - je vázaný na element odkazu <a> a specifikuje cíl odkazu

title - je vázaný na element odkazu <a> a specifikuje titulek odkazu

src - je vázaný na element obrázku <img>, případně scripty <script> a specifikuje zdroj dat

alt - je vázaný na element obrázku <img> a určuje alternativní text místo obrázku

name - je vázaný na prvky formuláře - <input>, <select>, <textarea>, <button>, a dále na metatagy <meta>. Specifikuje název pro daný prvek (konkrétní input apod.)