Warning: mysqli_select_db() expects parameter 1 to be mysqli, string given in /home/itstreet/public_html/classes/CMySQL.php on line 22

Warning: mysqli_query() expects at least 2 parameters, 1 given in /home/itstreet/public_html/classes/CMySQL.php on line 24
ITstreet -HTML5 Semantic/structural - II deo
Preskoči na sadržaj

ITstreet postovi

HTML5 Semantic/structural - II deo

Nаstavljamo sa novim HTML5 elementima.

11. <hgroup>

Ovaj element se upotrebljava kada imate više naslova i podnaslova koje želite da stavite u grupu. Mogu se upotrebiti svi od h1 do h6.

Primer

Ovo je jedan od bitnijih naslova!

Ovo je neki podnaslov!

Ovo je sadržaj vaše web stranice.

A ovde bi bio vaš footer.

12. <mark>

Kada vam treba da određenu reč ili rečenicu istaknete onda vam u pomoć priskače <mark>. Predefinisana vrednost je žuta ali se preko css može promeniti boja.

Primer

Rečenica u kojoj mi je bitno da nešto naglasim.

Ne, ne, ne želim da to bude žuta boja. Hoću da to bude pink boja.


13. <meter>

<meter> koristite kada želite da grafički prikažete neku vrednost u obliku linije (bar). Recimo zauzetost prostora, procentualni prikaz nekih rezultata isl.

Primer

Zauzetost mog hdd je:

87%

Moj hdd je od jednog terabajta ali nisam ga skroz popunio.

539 mb zauzeto.

Kao što vidite, možete upotrebiti i neke atribute.

form - vrednost(form_id)
Precizira jednu ili više formi kojima <meter> pripada.

high - vrednost(neki_broj)
Precizira opseg koja će predstavljati najvišu vrednost.

low - vrednost(neki_broj)
Precizira opseg koji će predstavljati najnižu vrednost.

max - vrednost(neki_broj)
Precizira maksimalnu vrednost opsega.

min - vrednost(neki_broj)
Precizira minimalnu vrednost opsega.

Optimum - vrednost(neki_broj)
Određuje optimalnu vrednost za dati opseg.

value - vrednost(neki_broj)
Obavezno. Navodi trenutnu vrednost merača.

Ovaj element trenutno radi samo u Operi i Hromu.

14. <nav>

Još jedan od elemenata koji služi za jasnu definiciju html5 web stranice. Koristi se za objedinjavanje navigacionih linkova ali nije neophodno da svi u njemu budu. Namenjen je samo za navigacijske blokove.

Primer

 


15. <progress>

Ovaj element se koristi kada grafički želite da prikažete kako se neki zadatak ispunjava. Može se upotrebiti kod prikaza preuzimanja (download) i sl.

Primer


60% 


Dolazi do izražaja u kombinaciji sa javascript i drugim programskim jezicima.
Ovo su atributi koje možete upotrebiti:

max - vrednost(neki_broj)
Precizira kolika je ukupna vrednost do koje će se bar popunjavati.

value - vrednost(neki_broj)
Precizira koliko je već popunjeno.

16. <ruby> <rt> <rp>

Ovi elementi se koriste da prikažu izgovor za znakove istočnoazijskih jezika. Za nas svakako nisu dovoljno interesantni ali treba znati da postoje.

17. <section>

Ovaj element definiše sekcije u dokumentu kao što su zaglavlja, poglavlja ili bilo koji drugi deo dokumenta. Nije namenjen da se koristi kao element za prikaz generičkog sadržaja kao što je <div>.

Primer

Naslov

A ovde ide neka zaista velika gomila teksta.


18. <time>


Ovaj element se koristi da definiše vreme (24 sata), odnosno datum po gregorijanskom kalendaru, po želji i vremenske zone.

Primer

Ustajem u svako jutro.

Za mesec dana mi je .

Ovo su atributi koji se mogu upotrebiti:

datetime - vrednost(datetime)
Precizira datum i vreme u suprotnom će se upotrebiti vrednosti iz sadržaja stranice.

pubdate - vrednost(pubdate)
Pokazuje datum/vreme objavljivanja tog dokumenta.

Ovaj element trenutno ne podržava nijedan pregledač.

19. <wbr>

Kada imate predugačke reči a ne želite da budu prekinute na pogrešnom mestu koristite <wbr> element. Ukoliko ostali elementi (div, article isl.) to dozvoljavaju, reč će biti prikazana u potpunosti. Ukoliko ne, reč će biti prelomljena tamo gde vi želite.

Primer

Ovo je jedna stvarno duuuuuuuuuuuuuuuuuuuuuugačka reč.

To bi bilo sve što se tiče strukturalnih elemenata. Ali svakako ne sve od html5.

Ostavite poruku

Vaša mejl adresa neće biti objavljena.Označena polja su obavezna*

  1. dekip

    Hvala, hvala. Trudeći se da nešto pokažem drugima i ja učim.

  2. DžoniT

    Korisno i informativno, nastavi tako I da, hvala za link Dekip, uzvraćeno