RP1 - XHTML
✓XHTML1
Neki ~ce~s~te kori~steni linijski elementi
Za svaki element ~te biti navedeno ime, intendirana
svrha, ~ce~s~ti atributi, te primjer koda koji koristi
taj element. Kod uvijek mo~zete jednostavno
copy&pasteati u neki svoj dokument
(naravno, unutar nekog blokovskog elementa, recimo p),
da vidite kako se renderira u browseru koji
koristite. Tako~der, postoji
poseban dokument
u kojem to mo~zete vidjeti.
- a (anchor)
- Ovaj element je osnova hipertekstualne strukture
WWWa. Njemu je
posve~teno
cijelo sljede~te poglavlje.
<a href="http://student.math.hr/">Studentske
<acronym>WWW</acronym> stranice</a>
- abbr (abbreviation)
- acronym
- abbr i acronym slu~ze za skra~tenice i akronime.
Na~zalost, nije potpuno jasno koja je to~cno razlika,
no dobar rule of the thumb je ovaj:
skra~tenice su ne~sto ~sto obi~cno u govoru ne
skra~tujemo, ve~t pro~citamo punim imenom ("g~da" za
"gospo~da", "npr." za "na primjer",...); dok su
akronimi rije~ci koje i izgovaramo u skra~tenom
obliku, naj~ce~s~te nastale od po~cetnih slov~a
rije~c~i koje skra~tuju ("XHTML" za "eXtensible
HyperText Markup Language", "PMF-MO" za
"Prirodoslovno-Matemati~cki Fakultet -- Matemati~cki
Odjel",...). Dobro je ozna~citi skra~tenice i
akronime, jer neki browsing sustavi imaju mogu~tnost
automatskog tra~zenja zna~cenja pojedine
skra~tenice/akronima na Internetu, a i prilikom
automatskog ~citanja web-stranic~a od strane
specijaliziranog softwarea, akronimi se ~citaju
druga~cijim ritmom od obi~cnog teksta. Mo~zemo i sami
raspisati pojedinu skra~tenicu ili akronim, koriste~ti
title atribut.
<acronym title="Nacionalna i Sveu~cili~sna Knji~znica">NSK</acronym> se nalazi u
<abbr title="Zagreb">Zg</abbr>,
<abbr title="Republika Hrvatska">RH</abbr>.
- dfn (defining)
- Definiraju~ta instanca nekog pojma. Napomena: to
nije cijela definicija. Sadr~zaj ovog
elementa je samo novi pojam koji se u tom trenutku
definira.
Broj elemenata u bilo kojoj bazi
(kona~cnogeneriranog) 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~cite kako druga pojava pojma "dimenzija" nije
unutar dfn elementa -- samo ona koja slu~zi u
definiciji.)
- cite
- q (quote)
- Citiranje. cite element slu~zi navo~denju izvora
koji citiramo,
ili u ~sirem smislu, op~tenitom navo~denju nekih
vanjskih izvora informacij~a na koje se pozivamo. q
element slu~zi samom navo~denju sadr~zaja. Mo~zemo
tagove "<q>" i "</q>"
shvatiti kao citiraju~te navodnike. Naravno,
pogre~sno je koristiti q element uvijek umjesto
navodnik~a -- njegovo kori~stenje je opravdano
samo u slu~caju stvarnog navo~denja.
<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~cunalne razmjene informacij~a. code
element predstavlja fragment koda nekog programa. kbd
predstavlja tipku ili kombinaciju tipaka na
tipkovnici. var ozna~cava varijablu, parametar ili
argument programa, dok samp ozna~cava primjer
ra~cunalnog izlaza. U ~sirem smislu, code element se
mo~ze koristiti za proizvoljne simboli~cke jezike
(npr. matemati~cki), kbd za op~tenit pojam korisni~ckog
ulaza (ne nu~zno preko tipkovnice), var za proizvoljan
dio teksta koji slu~zi kao ime za neki drugi tekst
(poput onog "x" u izrazu "element hx", gdje
ne postoji element "hx", ve~t se x
koristi u zna~cenju "broj od 1 do 6"), te samp za
op~tenite primjere.
<p><code>for(;;);</code> je beskona~cna
petlja u programskom jeziku C. Ukoliko je kompajlirate
(<code>cc</code>) i izvr~site
(<code>a.out</code>), morat ~tete 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> ~te ispisati njenu
vrijednost: na primjer <samp>5</samp></p>.
- sub (subscript)
- sup (superscript)
- Subskripti i superskripti -- matemati~cari ih znaju
zvati "indeksi" i "eksponenti". Dijelovi teksta koji
pru~zaju dodatne informacije, i obi~cno se renderiraju
manjim slovima, ispod odnosno iznad osnovne linije
teksta. Naravno, tekstualni browseri ih mogu
renderirati druga~cije, na primjer pomo~tu 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~seni dijelovi teksta. strong slu~zi za ja~ce
nagla~sene dijelove. Renderiranje je obi~cno pomo~tu
italic i bold fontova, no kao ~sto je
ve~t puno puta re~ceno, pogre~sno je
te elemente shva~tati kao "naredbe za promjenu fonta
ili stila". XHTML slu~zi za
prezentiranje logi~cke strukture, ne za propisivanje
kako se odre~deni element treba renderirati.
<acronym>XHTML</acronym>
<strong>nije</strong>
programski jezik! <acronym>XHTML</acronym> je jezik za
<em>ozna~cavanje logi~cke strukture</em>
hipertekstualnih dokumenata.
- img (image)
- Slika. Atributi img elementa preciziraju gdje se
slika nalazi, kao i neke druge detalje.
Sadr~zaja nema -- img je prazan element. Mo~zemo ga
pisati kao
"<img atributi />".
Atributi su:
- src (source)
- Lokacija slike. To je ili jednostavno ime
grafi~cke datoteke (u tom slu~caju se podrazumijeva da
se ona nalazi u tzv. osnovnom
direktoriju -- ako nije re~ceno druga~cije, osnovni
direktorij je onaj u kojem se nalazi pozivaju~ti
XHTML dokument), relativna staza do
nje, ili pak apsolutna staza -- Internet adresa, koja
u tom slu~caju mora po~ceti oznakom protokola
(naj~ce~s~te "http://").
- alt (alternative)
- Tekstualni opis slike.
Ideja je da to bude tekst koji
~te se prikazati umjesto slike ukoliko
se dokumentu pristupi tekstualnim browserom,
ili browserom u kojem je isklju~ceno
prikazivanje slik~a (na primjer, radi br~zeg u~citavanja
stranic~a), odnosno tekst koji ~te software za
~citanje web stranic~a pro~citati kad nai~de na
sliku. Napomena: to nije dodatna
informacija o slici -- u tu svrhu slu~zi title
atribut. Uzmite u obzir da ~te ~covjek koji ~cita
stranicu s img elementom, vidjeti ili sliku ili
vrijednost alt atributa -- naj~ce~s~te ne oboje.
- width
- height
- Dimenzije slike, u pikselima.
Ove atribute nije potrebno
navoditi -- ako ih ne navedemo, browser ~te ih
izra~cunati iz same slike. No dobro ih je navesti
ukoliko ~zelimo da se stranice br~ze u~citavaju -- jer
tada browser zna koliko prostora na stranici
rezervirati za sliku, te mo~ze nastaviti renderirati
ostatak stranice dok se slika u~citava.
Ako vrijednosti ovih atribut~a ne odgovaraju stvarnim
dimenzijama slike lokacije navedene u src atributu,
slika ~te se pove~tati ili smanjiti tako da to~cno
prekrije pravokutnik widthxheight.
Ve~tina browsera nema vrlo pametne algoritme za
resizing slik~a, pa to mo~ze dovesti do
poru~znjivanja slike. Puno je bolje sliku
resizeati u specijaliziranom grafi~ckom
programu, snimiti je u posebnu datoteku, i
dati tu datoteku kao vrijednost src atributa.
Tako~der, pogre~sno je misliti da ~te se slika br~ze
u~citati ako joj smanjimo veli~cinu upotrebom width i
height atribut~a. Browser sliku smanjuje
lokalno, ~sto zna~ci da je prvo mora skinuti sa
servera u punoj veli~cini. Za izradu thumbnailova
(malih verzija slik~a koje mogu poslu~ziti
kao link na sliku u
punoj veli~cini), dakle, tako~der treba koristiti
posebne grafi~cke programe.
<img src="http://www.thecatgallery.com/images/LaughingKitten-2.JPG"
alt="Smiju~ta ma~cka" width="160" height="244" />