HTML: razlika između inačica
Izbrisani sadržaj Dodani sadržaj
Nema sažetka uređivanja |
Nema sažetka uređivanja |
||
Redak 134:
<audio src="zvuk.mp3" type="audio/mp3" autoplay=”false” /></nowiki><br>
''Isto tako možete za video, samo kopirate oznaku autoplaya u videotag.''
=== Dodavanje slika ===
Kada bi web stranice sadržavale samo tekst i dalje bi bile tehnološki impresivne, ali bez slika ne bi bile niti približno zabavne kao danas. Dva najčešće upotrebljavana grafička formata datoteka na internetu su '''[[GIF]]''' i '''[[JPEG]]''' (GIF se izgovara '''"đif"''', a JPEG '''"džej-peg"'''). '''[[JPEG]]''' (Joint Photographic Experts Group) format primarno se koristi za prikaz realističnih slika fotografske kvalitete, dok se gif koristi za slike s manjim spektrom boja, kao što su na primjer navigacijske ikone, banneri, animacije itd,... Među web dizajnerima veliku je popularnost stekao i format '''[[PNG]]''' ([[PNG]] se izgovara'''"ping"''') koji je stvoren kako bi poboljšao i zamjenio GIF format. PNG podržava slike zasnovane na paleti (s paletom definiranom '''24''' bitnim RGB bojama), greyscale slike (sivih tonova) i '''RGB slik'''e. Zamišljen je kao grafički format za razmijenu preko interneta, a ne za profesionalnu uporabu, tako da ne koristi neke druge sheme boja (kao što je '''[http://en.wikipedia.org/wiki/CMYK_color_model CMYK]''' (cyan-mangenta-yellow-black). Sve slike, bez obzira na format, ubacuju se istim tagom. Budući da '''<nowiki><img></nowiki>''' tag zahtjeva obiljžje src, tada se '''<nowiki><img src="link_slike.jpeg"></nowiki>''' promatra kao cjeloviti tag. <img> tag nema svoj završni oblik. To je tag koji zatvaramo na njegovom kraju kosom crtom <img />
<br><br>
'''Primjer:'''<br><br>
<nowiki>
<html></nowiki><br><nowiki>
<head></nowiki><br><nowiki>
<title>Primjer ubacivanja slike</title></nowiki><br><nowiki>
<body></nowiki><br><nowiki>
<img src="link_lokacije_slike.jpg"/></nowiki><br><nowiki>
</body></nowiki><br><nowiki>
</html></nowiki><br><br>
Pomoću taga <alt> možemo definirati tekst koji će opisivati što je na slici,koji će se prikazati ukoliko korisnikov web preglednik nije u stanju otvoriti dokument.
<br><br>
'''Primjer:''' <br><br><nowiki>
<img src="pas.gif" alt="Na slici je pas" height="100" width="100"></nowiki><br><br>
Isto tako možemo pomoću taga <title>, dok korisnik mišem nacilja odrađeni dio dokumenta koji smo označili tim tagom, pojaviti će mu se okvirić s tekstom koji smo napisali.
<br><br>
'''Primjer:'''<br><br><nowiki>
<img src="pas.gif" title="Na slici je pas" height="100" width="100"></nowiki><br>
=== Meta tagovi ===
'''Meta tagovi''' su dijelovi HTML-a u stranici koje upotrebljavaju tražilice da bi zapisale informacije o vašoj stranici. Ovi tagovi sadrže ključne riječi, opis, informaciju o vlasništvu, naziv stranice itd. Oni su među mnogim stvarima koje ispituju tražilice kada "gledaju" vašu stranicu. Iako ih nije nužno, vrlo ih je korisno upotrebljavati, pogotovo ako želite imati dobru poziciju na tražilicama (a tko ne želi?). Ako napravite web stranicu i registrirate URL kod tražilica, one će posjetiti vašu stranicu i pokušati je indexirati. Svaka tražilica funkcionira malo drugačije, i svaka drukčije cijeni pojedine elemente web stranice. Npr. Altavista daje prednost opisnom tagu (description), a Inktomi indexira oboje, i tekst stranice, kao i meta tagove. Drugi pretraživači poput Exactseek-a su pravi meta tag pretraživači, tako da ako vaša stranica ne sadrži naziv (title), i opisni meta tag (description). Naravno, svi pretraživači ne rade na ovaj način. Neki daju prednost sadržaju. Pretraživači u obzir uzimaju više od 100 stvari kada razmatraju neku stranicu. Najveći razlog zašto mnoge tražilice ne daju toliku važnost meta tagovima je zbog spama. Ljudi su se sjetili da na svoje stranice stave mnoge ključne riječi koje nemaju veze sa sadržajem stranice samo da bi dobili više posjeta. Nakon nekog vremena neke tražilice su prestale gledati meta tagove, služili su im uglavnom samo kao potvrda da bi bili sigurni da odgovaraju onome što se nalazi na stranici. Kada su ključne riječi potpuno nevezane za sadržaj stranice neke tražilice će kazniti tu stranicu. <br><br>
Ako je vaša stranica bogata slikama i grafikom, tada su vam meta tagovi jako važni. Kažu da slika govori tisuću riječi, ali slike su nažalost tražilicama bezvrijedne. Pogotovo ako stranica sadrži jako malo teksta. Tada je potrebno koristiti tag "alt" koji izgleda ovako:<br><br>'''<nowiki>
<img src="imeslike.jpg alt="Tekst koji će tražilica indexirati"></nowiki>'''<br><br><nowiki>
Meta tagovi bi uvijek trebali biti smješteni u <head> područje HTML dokumenta. <head> tag se nalazi odmah nakon <html> taga, i završava prije <body> taga. </nowiki><br><br>
'''primjer:''' <br><br><nowiki>
<title>Naziv stranice,</title></nowiki><br><nowiki>
<meta name="description" content="opis web stranice"></nowiki><br><nowiki>
<meta name="keywords" content="popis ključnih riječi vezanih za sadržaj stranice "></nowiki><br><nowiki>
<meta name="robots" content="index,follow"> </nowiki><br><br>
Uvijek budite sigurni da vaši meta tagovi nemaju nikakvih prelazaka u novi red u sebi, jer će ih u tom slučaju tražilice vidjeti kao neispravan kod i ignorirati. Također bi trebali izbjegavati upotrebu velikih slova (html5 standard), kao i ponavljanje izraza unutar taga ključne riječi.<br><br>
<nowiki>
<meta name="description" content="opis web stranice"></nowiki><br><br>
Mnoge tražilice će prikazati ovaj tekst u rezultatima pretraživanja pokraj naziva stranice. Neka taj tekst ne bude pre dugačak, neka bude razumljiv i neka što bolje opiše sadržaj vaše stranice.
<br><br><nowiki>
<meta name="keywords" content="popis ključnih riječi vezanih za sadržaj stranice"></nowiki><br><br>
Ključne riječi predstavljaju ključne termine koje netko može upisati u tražilicu. Izaberite samo važne izraze. Ako ćete staviti te izraze pod tag ključne riječi, trebali biste ih spomenuti i na tekstu na stranici. Mnoge tražilice uspoređuju vaš meta sadržaj sa tekstualnim sadržajem stranice, i ako se to ne poklapa, vaša stranica može zaraditi kaznu, i biti na lošoj poziciji kod rezultata pretraživanja.
<br><br><nowiki>
<meta name="robots" content="index,follow"></nowiki><br><br>
<nowiki>
Mnoge web stranice imaju ovaj tag neispravno napisan. Primjer neispravnog korištenja je: content="index, follow, all" - krivo jer neke tražilice ne mogu obraditi razmake između riječi. Većina tražilica po defaultu pretpostave da želite da vaša web stranica bude indeksirana i da linkovi budu praćeni, tako da korištenje neispravne sintakse može rezultirati time da tražilica jednostavno ignorira vašu stranicu. Ako zbog nekog razloga ne želite da vaša stranica bude indeksirana u pretraživačima, zamjenite u tagu riječ "index" sa "noindex", a ako želite da linkovi ne budu praćeni, zamjenite riječ "follow" sa "nofollow".
Među ostalim meta tagovima koristan tag za napomenu o zaštiti autorskih prava autora sadržaja stranice je meta name="Author".
</nowiki><br><br><nowiki>
<meta name="Author" content="Ime tvrtke koja je dizajnirala sajt"></nowiki><br><br>
Na internetu se svakodnevno pojavljuje više od 8 milijuna novih stranica, a tražilice indeksiraju samo jedan dio od toga. Meta Tagovi su uobičajen standard koji može osigurati pravilnu kategorizaciju vaše stranice. Uvijek upotrebljavajte Meta Tagove i u njima koristite samo najvažnije riječi vezane za sadržaj stranice. Pravilno korištenje Meta Tagova vam može samo pomoći kod pozicije na tražilici, što podrazumjeva i veću i kvalificiranu posjetu stranice.
| |||