Zajednicki atributi

Po HTML 4.0 specifikaciji skoro svi HTML elementi podržavaju jedan skup zajedničkih atributa (Common Attributes) a to su : 

Ovi atributi omogućavaju lako povezivanje elemenata sa stilovima i skriptovima, definisanja lokalnog jezika kao i mnoge skript događaje.

ID atribut

Atribut ID postvlja jedinstveni identifikator za element u dokumentu. Nemogu postojati dva elementa sa istom vrednošću ID atributa u jednom dokumentu. U sledećem primeru ID atribut se koristi da identifikuje koji paragraf je prvi a koji drugi u dokumentu:

<P ID=prvi>Moj prvi paragraf.</P>
<P ID=drugi>Moj drugi paragraf.</P>

Pragrafi u ovom primeru mogu da korz ID atribut povežu sa stilom definisanom u stil šemi (Cascading Style Sheet):

P#prvi {
color: navy;
background: transparent
}
P#drugi {
color: black;
background: transparent
}

Takođe ID atribut koristi se da obezbedi jedinstveno ime za HTML element kako bi mu se moglo pristupiti kao objektu iz scripta.

alert(prvi.innerText); //Direktno

ili

alert(document.all("prvi").innerText); //Preko kolekcije elemenata

CLASS atribut

Atribut CLASS se koristi za povezivanje elementa sa pravilima definisanim u šemi stilova. Npr:

<DIV CLASS=navbar>
<P><A HREF="/">Home</A> | <A HREF="./">Index</A> | <A HREF="/search.html">Search</A></P>
<P><A HREF="/"> <IMG SRC="logo.gif" ALT="SveZaWeb Logo"></A></P>
</DIV>

U ovom primeru koristimo CLASS atribut kako bi povezali stil sa elementom:

.navbar {
margin-top: 2em;
padding-top: 1em;
border-top: solid thin navy
}

.navbar IMG { float: right }

@media print {
.navbar { display: none }
}

STYLE atribut

Atribut STYLE omogućava da se navedi stil u okviru samog elementa tj. van okvira šeme stilova na primer:

<P>Popularni font za čitanje preko ekrana monitora je 
<SPAN STYLE="font-family: Verdana">Verdana</SPAN>.</P>

Kada se STYLE atribut koristi potrebno je da se postavi style sheet language pomoću META taga na sledeći način:

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

Preporučujemo vam upotrebu CLASS ili ID atributa za postvljanje stilova u odnosu na STYLE pošto ID i CLASS mogu da se primene na različite medije i obezbeđuju odvajanje sadržaja i formatiranja prikaza.

TITLE atribut

Atribut TITLE obezbeđuje naslov za element i implementiran je kao "tooltip" u Web čitačima. Primena ovog atributa mnogo koristi kod referenciranja, slika itd. a koriste ga i mnogi pretraživači. Koristite ovaj atribut na svakom mestu.

<A HREF="mailto:milan@pexim.net" TITLE="Pošalji te mail autoru sajta">milan@pexim.net</A> 

<A HREF="http://www-genome.wi.mit.edu/ftp/
pub/software/WWW/cgi_docs.html" TITLE="CGI.pm - a Perl5
CGI Biblioteka">CGI.pm</A> 

<LINK REL=Alternate HREF="index.fr.html" HREFLANG=fr 
LANG=fr TITLE="Version francaise">
 <OBJECT CLASSID="java:Yahtzee.class" CODETYPE="application/java"
WIDTH=400 HEIGHT=250 STANDBY="Ready to play Yahtzee?"
TITLE="My Yahtzee Game">
<IMG SRC="yahtzee.gif" ALT="A Yahtzee animation picture" TITLE="A Yahtzee animation">
Yahtzee is my <EM>favorite</EM> game!
</OBJECT> 

LANG atribut

Atribut LANG definiše jezik za sadržaj elementa uključujiući i ostale HTML elemente koji se nalaze u njemu a nije naveden atribut LANG. Ovaj atribut je veom zanačajan za pretraživače interneta.

Vrednosti atributa su definisani prema specifikaciji RFC 1766, evo nekoliko primera: sr za Srpski, en za Engleski, en-US za Američki engleski.

Korišćenjem LANG atributa omogućava vam i lako menjanje stila sadržaja zavisno od jezika. Osnovni jezik HTML dokumenta se postvlja korišćenjem LANG atributa kod HTML elementa ili korišćenjem Content-Language u HTTP zaglavlju pomoću meta tagova.

<html lang="sr">
<head>
<meta http-equiv="Content-Language" content="sr">
</head>

DIR atribut

Atribut DIR definiše smer ispisivanja teksta i može imati vrednosti s leva na desno left-to-right (DIR=ltr) koji je unapred već postavljen ili s desno u levo right-to-left (DIR=rtl), npr. za hebrejski jezik. 

Događaji u Web čitaču

Broj atributa koji definišu klijentski skript je zajednički za većinu elemenata. Vrednost atributa je ili poziv funkcije ili pet kratkih komandi koji se izvršavaju pošto se događaj desi.

<INPUT TYPE=submit ONMOUSEOVER='window.status="Did you fill in all
  required fields?";' ONMOUSEOUT='window.status="";'>

Kada se koristi atribut za događaj potrebno je da se definiše osnovni script jezik:

<META HTTP-EQUIV="Content-Script-Type" 
   CONTENT="text/javascript">

Mogući događaji su sledeći:

  • ONCLICK, kada je nad elementom pristisnuto dugme na mišu 
  • ONDBLCLICK, kada je nad elementom načinjen dvostruki klik na mišu 
  • ONMOUSEDOWN, kada se nad elementom drži pritisnuto dugme na mišu 
  • ONMOUSEUP, kada se nad elementom pusti dugeme na mišu 
  • ONMOUSEOVER, kada se pređe mišem preko elementa 
  • ONMOUSEMOVE, kada se miš pomeri u okviru elementa 
  • ONMOUSEOUT, kada se mišem pomeri sa elementa 
  • ONKEYPRESS, kada se pritisne tipka nad elementom 
  • ONKEYDOWN, kada se drži pritisnut taster nad elementom 
  • ONKEYUP, kada se pusti taster nad elementom 

Napomenimo još jednom da su ovi atributi zajednički za skoro sve elemente i da se veoma upotrebljivi jer omogućuju proširenje funkcionalnosti samih Web dokumenata. 


Izlaz