Atributi

Atributi podrobneje določajo različne lastnosti elementov. Nahajajo se lahko izključn znotraj uvodne značke elementa HTML. Atribut ima svoje ime, ki je določeno s pravili W3C in vrednostjo, ki se vedno nahaja med narekovaji. Na primer, element img vsebuje atribut src, ki določa lokacijo (mesto) slike na pomnilniškem mediju, atribut alt pa določa nadomestno besedilo, če slika ne obstaja ali je ni mogoče prikazati.

<img src="logo.gif" alt="logo" />

Atribute se vnaša samo v začetne oznake elementov v obliki

ime_atributa="Vrednost atributa".

Vrednosti atributov morajo biti med narekovaji

Vrednost atributa se zapiše med enojne ali dvojne narekovaje. Uporaba narekovajev je obvezna.

<img src=logo.gif alt=logo />        // to je narobe
<img src="logo.gif" alt="logo" />    // to je pravilno
<img src='logo.gif' alt='logo' />     // to je pravilno

Nekateri atributi so obvezni (za element img src in alt), nekateri pa so opcijski (za element img width, height...)

Vrednosti atributov z merami v piklih so napisane brez enote

Za širini slike 300 pisklov in višino 200 pikslov:

<img src=logo.gif alt=logo  width="300pix" height="200pix" />        // to je narobe
<img src=logo.gif alt=logo  width="300px" height="200px" />         // to je narobe
<img src=logo.gif alt=logo  width="300" height="200" />               // to je pravilno

V primeru, da so iste lastnosti določene s slogovnimi predlogami in atributi HTML, imajo prednost slogovne predloge CSS.

Imena atributov morajo biti pisana z malimi črkami

Imena atributov lahko zapišemo s samo kot kombinacijo malih črk.

<table WIDTH="100%">  // to je narobe
<table Width="100%">   // to je narobe
<table width="100%">   // to je pravilno

Okrajšave atributov so prepovedane

Atributi vrednosti logičnega tipa morajo biti raztegnjeni. Povedano malo drugače pomeni to, da mora imeti vsak atribut svojo vrednost. Atribut logičnega tipa pa je atribut, ki je vklopljen samo v njegovi prisotnosti. Pogosto se uporabljajo okrajšave, ki pa niso dovoljene.

<input checked />                   // to je narobe
<input checked="checked" />    // to je pravilno
<option selected>                 // to je narobe
<option selected="selected">  // to je pravilno

 Gor     e-gradiva     HTML     Elementi   DTD

SERŠ Maribor : Strokovna gimnazija : 2002 : Tomaž Pušaver