RP1 - XHTML

✓XHTML1

Neki češće korišteni linijski elementi

Za svaki element će biti navedeno ime, intendirana svrha, češći atributi, te primjer koda koji koristi taj element. Kod uvijek možete jednostavno copy&pasteati u neki svoj dokument (naravno, unutar nekog blokovskog elementa, recimo p), da vidite kako se renderira u browseru koji koristite. Također, postoji poseban dokument u kojem to možete vidjeti.

a (anchor)
Ovaj element je osnova hipertekstualne strukture WWWa. Njemu je posvećeno cijelo sljedeće poglavlje. <a href="http://student.math.hr/">Studentske <acronym>WWW</acronym> stranice</a>
abbr (abbreviation)
acronym
abbr i acronym služe za skraćenice i akronime. Nažalost, nije potpuno jasno koja je točno razlika, no dobar rule of the thumb je ovaj: skraćenice su nešto što obično u govoru ne skraćujemo, već pročitamo punim imenom ("gđa" za "gospođa", "npr." za "na primjer",...); dok su akronimi riječi koje i izgovaramo u skraćenom obliku, najčešće nastale od početnih slovā riječī koje skraćuju ("XHTML" za "eXtensible HyperText Markup Language", "PMF-MO" za "Prirodoslovno-Matematički Fakultet -- Matematički Odjel",...). Dobro je označiti skraćenice i akronime, jer neki browsing sustavi imaju mogućnost automatskog traženja značenja pojedine skraćenice/akronima na Internetu, a i prilikom automatskog čitanja web-stranicā od strane specijaliziranog softwarea, akronimi se čitaju drugačijim ritmom od običnog teksta. Možemo i sami raspisati pojedinu skraćenicu ili akronim, koristeći title atribut. <acronym title="Nacionalna i Sveučilišna Knjižnica">NSK</acronym> se nalazi u <abbr title="Zagreb">Zg</abbr>, <abbr title="Republika Hrvatska">RH</abbr>.
dfn (defining)
Definirajuća instanca nekog pojma. Napomena: to nije cijela definicija. Sadržaj ovog elementa je samo novi pojam koji se u tom trenutku definira. Broj elemenata u bilo kojoj bazi (konačnogeneriranog) vektorskog prostora zovemo <dfn>dimenzijom</dfn> tog prostora. Vidjeli smo da svake dvije baze vektorskog prostora imaju isti broj elemenata, pa je time "dimenzija vektorskog prostora" dobro definiran pojam. (Uočite kako druga pojava pojma "dimenzija" nije unutar dfn elementa -- samo ona koja služi u definiciji.)
cite
q (quote)
Citiranje. cite element služi navođenju izvora koji citiramo, ili u širem smislu, općenitom navođenju nekih vanjskih izvora informacijā na koje se pozivamo. q element služi samom navođenju sadržaja. Možemo tagove "<q>" i "</q>" shvatiti kao citirajuće navodnike. Naravno, pogrešno je koristiti q element uvijek umjesto navodnikā -- njegovo korištenje je opravdano samo u slučaju stvarnog navođenja. <q>The standard definition of
<abbr title="Artificial Intelligence">AI</abbr>
is that which we don't understand.</q>
--<cite>Bill Joy</cite>
code
kbd (keyboard)
var (variable)
samp (sample)
Elementi računalne razmjene informacijā. code element predstavlja fragment koda nekog programa. kbd predstavlja tipku ili kombinaciju tipaka na tipkovnici. var označava varijablu, parametar ili argument programa, dok samp označava primjer računalnog izlaza. U širem smislu, code element se može koristiti za proizvoljne simboličke jezike (npr. matematički), kbd za općenit pojam korisničkog ulaza (ne nužno preko tipkovnice), var za proizvoljan dio teksta koji služi kao ime za neki drugi tekst (poput onog "x" u izrazu "element hx", gdje ne postoji element "hx", već se x koristi u značenju "broj od 1 do 6"), te samp za općenite primjere. <p><code>for(;;);</code> je beskonačna petlja u programskom jeziku C. Ukoliko je kompajlirate (<code>cc</code>) i izvršite (<code>a.out</code>), morat ćete je prekinuti pritiskom <kbd>^C</kbd>, odnosno
<kbd><abbr title="Control">Ctrl</abbr>+c</kbd>.</p>
<hr />
<p>Ako je <var>i</var> cjelobrojna varijabla (<code>int i</code>), <code>printf("%d",i);</code> će ispisati njenu vrijednost: na primjer <samp>5</samp></p>.
sub (subscript)
sup (superscript)
Subskripti i superskripti -- matematičari ih znaju zvati "indeksi" i "eksponenti". Dijelovi teksta koji pružaju dodatne informacije, i obično se renderiraju manjim slovima, ispod odnosno iznad osnovne linije teksta. Naravno, tekstualni browseri ih mogu renderirati drugačije, na primjer pomoću znakova "^" i "_". Neka je <code>(a<sub>1</sub>,a<sub>2</sub>,a<sub>3</sub>)</code> proizvoljan vektor iz <code>&#x211d;<sup>3</sup></code>.
em (emphasize)
strong
Naglašeni dijelovi teksta. strong služi za jače naglašene dijelove. Renderiranje je obično pomoću italic i bold fontova, no kao što je već puno puta rečeno, pogrešno je te elemente shvaćati kao "naredbe za promjenu fonta ili stila". XHTML služi za prezentiranje logičke strukture, ne za propisivanje kako se određeni element treba renderirati. <acronym>XHTML</acronym> <strong>nije</strong> programski jezik! <acronym>XHTML</acronym> je jezik za <em>označavanje logičke strukture</em> hipertekstualnih dokumenata.
img (image)
Slika. Atributi img elementa preciziraju gdje se slika nalazi, kao i neke druge detalje. Sadržaja nema -- img je prazan element. Možemo ga pisati kao "<img atributi />". Atributi su:
src (source)
Lokacija slike. To je ili jednostavno ime grafičke datoteke (u tom slučaju se podrazumijeva da se ona nalazi u tzv. osnovnom direktoriju -- ako nije rečeno drugačije, osnovni direktorij je onaj u kojem se nalazi pozivajući XHTML dokument), relativna staza do nje, ili pak apsolutna staza -- Internet adresa, koja u tom slučaju mora početi oznakom protokola (najčešće "http://").
alt (alternative)
Tekstualni opis slike. Ideja je da to bude tekst koji će se prikazati umjesto slike ukoliko se dokumentu pristupi tekstualnim browserom, ili browserom u kojem je isključeno prikazivanje slikā (na primjer, radi bržeg učitavanja stranicā), odnosno tekst koji će software za čitanje web stranicā pročitati kad naiđe na sliku. Napomena: to nije dodatna informacija o slici -- u tu svrhu služi title atribut. Uzmite u obzir da će čovjek koji čita stranicu s img elementom, vidjeti ili sliku ili vrijednost alt atributa -- najčešće ne oboje.
width
height
Dimenzije slike, u pikselima. Ove atribute nije potrebno navoditi -- ako ih ne navedemo, browser će ih izračunati iz same slike. No dobro ih je navesti ukoliko želimo da se stranice brže učitavaju -- jer tada browser zna koliko prostora na stranici rezervirati za sliku, te može nastaviti renderirati ostatak stranice dok se slika učitava.
Ako vrijednosti ovih atributā ne odgovaraju stvarnim dimenzijama slike lokacije navedene u src atributu, slika će se povećati ili smanjiti tako da točno prekrije pravokutnik widthxheight. Većina browsera nema vrlo pametne algoritme za resizing slikā, pa to može dovesti do poružnjivanja slike. Puno je bolje sliku resizeati u specijaliziranom grafičkom programu, snimiti je u posebnu datoteku, i dati tu datoteku kao vrijednost src atributa.
Također, pogrešno je misliti da će se slika brže učitati ako joj smanjimo veličinu upotrebom width i height atributā. Browser sliku smanjuje lokalno, što znači da je prvo mora skinuti sa servera u punoj veličini. Za izradu thumbnailova (malih verzija slikā koje mogu poslužiti kao link na sliku u punoj veličini), dakle, također treba koristiti posebne grafičke programe. <img src="http://www.thecatgallery.com/images/LaughingKitten-2.JPG" alt="Smijuća mačka" width="160" height="244" />