HTMLi kursuse 9. osa konspekt - Erilised elemendid

Postituse enda võid leida siit

Erilised elemendid

Erilised elemendid on need elemendid, mida ma ei osanud minigisse osasse lisada - nii et ma pühendasin nendele täiesti eraldi seisva postituse.

Kommentaar

Kommentaar ei ole tegelikult element - tegemist on nagu nimigi ütleb kommentaariga, mida programmeerimises kasutatakse koodi lahti seletamiseks inimestele.

Kommentaare kompilaatorid/renderdajad eiravad (neid ei ole lõpptulemuses näha - ainult lähtekoodi).

Kasutus:
<!-- See siin on kommentaar -->

Näide:
Inspekteeri seda veebilehte, et näha meie imelist kommentaari.

<span> element

<span> defineerib ära siseelementide gupeeringu, kuid seda kasutatakse tihti ka tekstide ja muude siseelementide stiilimiseks.

Kasutus:
<span>Roheline</span> ja <span>sinine</span> on toredad värvid

Näide:
Roheline ja sinine on toredad värvid.

<progress> element

<progress> tähistab HTMLis mingi ülesande progressi/edasi arengut. Seda kujutatakse tihti edenemisribana.

Kasutus:
<progress value="20" max="100"></progress>

Näide:
Esimene samm viiest tulenevast sammust

<meter> element

<meter> tähistab HTMLis mingit suurusjärku (nt. kettakasutust).

NB! Erinevalt <progress> elemendist ei kasutata <meter> elementi progressi näitamiseks, vaid hoopis suurusjärkude jaoks.

Kasutus:
<meter value="80" max="100"></meter>

Näide:
Ketta kasutust on 80 gigabaiti 100 gigabaitist

<dialog> element

<dialog> defineerib ära dialoogi/sõnumi kasti.

NB! <dialog> element on vähe toetatud. Ma ei soovitaks seda eriti kasutada.

Kasutus:
<dialog open="open">Mina olen lahtine dialoogi kast!</dialog>

Näide:

Mina olen lahtine dialoogi kast!