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>ℝ<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" />