Oglas

HTML5 je the najnovije i najveće Što je HTML5 i kako se mijenja način na koji pregledavam? [MakeUseOf objašnjava]U posljednjih nekoliko godina možda ste povremeno čuli izraz HTML5. Bilo da znate nešto o web razvoju ili ne, koncept može biti pomalo nejasan i zbunjujući. Očito,... Čitaj više inačica najčešće korištenog označnog jezika na webu. Neke su velike promjene u posljednjoj verziji jezika, a ako ih ne upotrebljavate, propustit ćete neke stvarno cool funkcije.

Nemamo prostora da pokrijemo svaki novi element u petoj verziji HTML-a, ali ovih devet je nekoliko najvažnijih. Za više informacija o novim elementima i API-ima u HTML5 budite sigurni pogledajte W3Schools.

Uvod u semantičke elemente

Kao i velik dio interneta, HTML5 se preusmjerio na fokus na semantiku. Sada, umjesto da se oznake jednostavno upotrebljavaju za oblikovanje, one se upotrebljavaju i za objavljivanje preglednicima i tražilicama Top 7 semantičkih pretraživača kao alternativa Googleu Čitaj više značenje onoga što ih okružuje.

Na primjer,

jednostavno kaže pregledniku da sadrži odlomak.

, o kojem ćemo trenutačno razgovarati, govori pregledniku da sadrži glavni sadržaj stranice.

Semantički se web još uvijek razvija, a mi smo tek počeli grebati po površini onoga što može učiniti. HTML5 pomaže u uvođenju semantički markup Što je semantička markacija i kako će se promijeniti zauvijek Internet [objašnjena tehnologija] Čitaj više na puno većem dijelu interneta, a to može biti dobro samo za budućnost semantičke obrade.

1.

oznaka definira "neovisni, samostalni sadržaj." Najlakši primjer je, naravno, članak. Za ovaj konkretni članak otvorili bismo oznaku prije uvoda i zatvorili je nakon zaključka.

 Sav tekst u samostalnom dijelu. 

Ali postoje i drugi načini na koje biste ga mogli koristiti. Na primjer, mnogi blogovi o kuhanju sadrže osobne priče o tome kako je nastao recept ili zašto je on važan za pisca. Zatim slijedi sam recept. Mogli biste iznijeti argument da svaki od ovih elemenata može biti sam.

Na forumu se svaki post ili tema može smatrati samostalnim, a svaki se može označiti vlastitim

označiti. Uglavnom će se koristiti u glavnom sadržaju stranice. Ali imajte na umu da i vi to možete kreativnije koristiti.

2.

Usko povezano sa

je

. Ovo definira "tematsku grupiranje sadržaja, obično s naslovom." Tako

bit će unutra

... zar ne?

Nije nužno. W3 ističe da to ovisi o strukturi vaše web stranice. Možda imate samostalni sadržaj na različitim dijelovima stranice (na primjer, mislite na naslovnu stranicu vijesti). Tada ćete možda imati odjeljke unutar tog članka.

Zašto vam treba DAC
Sve zvuči bolje.
Kako postaviti DAC
Evo što trebate učiniti.. .

Možete imati odjeljke unutar odjeljaka ako odgovara vašoj stranici. Imajte na umu da je odjeljak jednostavno "tematsko grupiranje sadržaja" i naći ćete puno mjesta koja možete upotrebljavati.

3.

Ovaj element "treba koristiti kao spremnik za uvodni sadržaj." Ukratko, to je dio vaše stranice koji pomaže ljudima da shvate što će čitati.

Ali nemojte se zavaravati - ovaj spremnik možete koristiti više puta. Na primjer, možete ga upotrijebiti za prepoznavanje naslova stranice i uvodnog odlomka na blogu. Ali možete ga koristiti i za označavanje uvodnog sadržaja za svaki odjeljak.

Sve što trebate znati o DAC-ovima
Evo korisnog uvoda u DAC-ove ...
 Ostatak vašeg članka ide ovdje.

Odjeljci zaglavlja obično sadrže najmanje jednu oznaku naslova - H1, H2, i tako dalje. Ne moraju, ali općenito, ako koristite oznaku zaglavlja, postoji dobra oklada koja uključuje sadržaj zaglavlja.

4.

W3 kaže da oznake podnožja obično sadrže "autora dokumenta, podatke o autorskim pravima, veze na uvjete korištenja, kontaktne podatke itd." Možete to misliti kao "kućanske stvari".

Dokumentacija također navodi da na svojoj stranici možete imati više odsjeka podnožja No, vjerojatno je dobra ideja sve ove podatke zadržati na jednom mjestu.

5.

Ova oznaka sadrži navigacijske veze za određenu stranicu. Imajte na umu da ovu oznaku dobiva samo odjeljak za navigaciju, a ne sve veze na vašoj stranici. To je za navigacijske trake i slične alate.

Ovo je stvarno jednostavna oznaka - to je sve. Pomoću njega odredite odjeljak za navigaciju i ne upotrebljavajte ga ponovo na svojoj stranici.

6.

Jedan od najzanimljivijih novih elemenata u HTML5 je po strani. W3 daje pomalo nekorisnu definiciju "nekog sadržaja osim sadržaja u koji je stavljen".

Ukratko, po strani je sve što je povezano (ali odvojeno od) okolnih podataka. To bi mogla biti bočna traka koja dodaje detalj vašem sadržaju. Kada se koristi unutar skupa

oznake, pruža dodatne informacije koje nisu potrebne za razumijevanje glavnog sadržaja.

Na primjer, ako smo u ovaj članak uključili bočnu traku koja daje informacije o povijesti HTML5, to bi bila po strani.

Ali

 Glavni članak ide ovdje.  Članak se nastavlja ovdje.

Budući da se za ovu oznaku koristi višestruko, može biti zbunjujuće. Ako imate na umu da je "sekundarni sadržaj" i da ne mora uvijek biti bočna traka, imat ćete bolju predodžbu o tome kako ga koristiti.

7.

Mnoge web stranice imaju informacije koje bi se trebale prikazati, ali ne istaknuti. Možda su to podaci o autorskim pravima za fotografiju. Ili sitni tisak na natjecanju. Ova vrsta podataka je upravo ono čemu se služi oznaka detalja.

Kada koristite oznaku s pojedinostima, stvarate skriveni tekst koji se lako može prikazati. Evo primjera:

Kliknite ovdje za prikaz informacija.

Evo detaljnijih podataka koji vam ne trebaju odmah.

Samo kliknite strelicu za dobivanje pojedinosti. Jednostavan. Stvaranje je jednako jednostavno. Evo koda koji se koristi za gornji primjer:

 Kliknite ovdje za prikaz informacija. 
 Evo detaljnijih informacija koje vam nisu potrebne odmah. 

tag definira rečenicu koja će se prikazati, dok su ostali sadržaji skriveni. Imajte na umu da u odjeljku s pojedinostima možete koristiti i druge oznake: naslove, odjeljke itd.

Postoje i drugi cool stvari koje možete učiniti s HTML-om 8 cool HTML efekata koje svatko može dodati na svoju web stranicuNe morate znati CSS ili PHP da biste stvorili fantastično mjesto. Koristite ove cool trikove kako biste stvorili nevjerojatne efekte. Čitaj više , čak i ako ne znate puno CSS-a ili JSON-a.

8-9.

i

Ne brini, oznaka koju upotrebljavate godinama neće nestati.

obilazi oznaku slike i pregledniku daje do znanja da je to samostalna slika, dijagram, popis koda ili druga figura.

Ako je lik uklonjen sa stranice, to neće utjecati na tok sadržaja.

To vam daje ugrađeni način dodavanja opisa slikama. Nema potrebe više prolaziti kroz svoj CMS.

Iskoristite snagu HTML5-a

Novi elementi u HTML5 dodaju puno snage, posebno u semantičke svrhe. Postoje dodatni elementi za oblikovanje, skalarna mjerenja, napredak zadatka i još mnogo toga. Možeš vidjeti svi novi elementi u W3Schools.

Ali ako uspijete savladati ovih devet, dobro ćete započeti koristiti HTML5. Ako ste novi u HTML-u, provjerite ovi primjeri kodova 17 jednostavnih primjera HTML koda koje možete naučiti u 10 minutaŽelite stvoriti osnovnu web stranicu? Naučite ove primjere HTML-a i isprobajte ih u uređivaču teksta da biste vidjeli kako izgledaju u vašem pregledniku. Čitaj više !

Jeste li počeli koristiti HTML5? Koji su vam novi elementi najkorisniji? Podijelite svoje misli u komentarima ispod!