HTML5 je najnovije i najveće Što je HTML5 i kako se mijenja način na koji pregledavam? [MakeUseOf objašnjava] Što je HTML5 i kako se mijenja način na koji pregledavam? [MakeUseOf Explains] Tijekom proteklih nekoliko godina možda ste svaki put čuli pojam HTML5. Bilo da znate nešto o web razvoju ili ne, koncept može biti pomalo nejasan i zbunjujući. Očito ... verzija inačice najčešće korištenog jezika za označavanje na webu. Neke su velike promjene u posljednjoj verziji jezika, a ako ih ne upotrebljavate, nedostaju vam neke stvarno cool funkcije.

U petoj verziji HTML-a nemamo prostora za pokrivanje svakog novog elementa, ali ovih je devet najbitnijih. Za više informacija o novim elementima i API-ima u HTML5, provjerite W3Schools.

Uvod u semantičke elemente

Kao i velik dio interneta, HTML5 se preusmjerio na semantiku. Sada, umjesto da se oznake jednostavno upotrebljavaju za oblikovanje, one se također upotrebljavaju da bi pretraživačima i tražilicama rekli Top 7 semantičkih pretraživača kao alternativu Google Top 7 semantičkih pretraživača kao alternativu Googleu značenje onoga što okružuju.

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 donošenju semantičkog obilježavanja Što je semantička markacija i kako će se promijeniti Internet zauvijek [objašnjena tehnologija] Što je semantička markacija i kako će se promijeniti Internet zauvijek [objašnjena tehnologija] na mnogo većem dijelu interneta, i to može biti dobar samo za budućnost semantičke obrade.

1.

Oznaka definira “neovisni, samostalni sadržaji.” 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 uključuju osobne priče o tome kako je nastao recept ili zašto je on važan za pisca. Nakon toga 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 vlastitom oznakom. Uglavnom će se koristiti u glavnom sadržaju stranice. Ali imajte na umu da i vi to možete kreativnije koristiti.

2.

U uskoj vezi s je. To definira a “tematsko grupiranje sadržaja, obično s naslovom.” Tako će biti unutra ... tačno?

Nije nužno. W3 ističe da to ovisi o strukturi vaše web stranice. Možda imate samostalni sadržaj u 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. Ne zaboravite 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 razumiju š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 “autor dokumenta, podaci o autorskim pravima, poveznice na uvjete korištenja, kontaktne informacije itd.” Možete misliti o tome “u ponudi” stvari.

 Autorska prava: MakeUseOf, 2017. Kontaktirajte nas 

Dokumentacija također navodi da na svojoj stranici možete imati više odsjeka podnožja 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. Za navigacijske trake i slične alate.

 Početna stranica 

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 “neki sadržaj osim sadržaja u koji se nalazi.”

Ukratko, po strani je sve što je povezano (ali odvojeno od) okolnih informacija. To bi mogla biti bočna traka koja dodaje detalj vašem sadržaju. Kada se koristi unutar skupa oznaka, 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.

No oznaka se može koristiti i izvan sadržaja članka. U ovom se slučaju obično koristi za informacije vezane uz web mjesto. Možemo uključiti, na primjer, bočnu traku:

 Glavni članak ide ovdje. MakeUseOf je usmjeren na premošćivanje veze između korisnika, računala, uređaja i interneta kroz obrazovanje. Članak se nastavlja ovdje.

Budući da se za ovu oznaku koristi višestruko, može biti zbunjujuće. Ako imaš na umu da je “sekundarni sadržaj” i da ne mora uvijek biti bočna traka, imat ćete bolju ideju kako je 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:

Evo detaljnijih informacija koje vam nisu potrebne 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. 

Oznaka 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 druge cool stvari koje možete učiniti s HTML 7 cool HTML efektima koje svatko može dodati na svoju web stranicu. 7 Cool HTML efekata koje svatko može dodati na svoju web stranicu. Ne očajavajte! Ne morate znati CSS ili PHP da biste stvorili fantastično mjesto. Neki dobri stari HTML i znanje kako kopirati i zalijepiti učinit će. , čak i ako ne znate puno CSS-a ili JSON-a.

8-9. i

Ne brinite se oznaka koju upotrebljavate godinama ne nestaje. zaobilazi slikovnu oznaku i daje pregledniku 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.

ide unutar oznake figure i određuje opis slike. To bi moglo izgledati ovako:

  Ovo je naš logotip! 

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

Iskoristite prednost 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. Sve nove elemente možete vidjeti na W3Schools.

Ali ako uspijete savladati ovih devet, dobro ćete započeti koristiti HTML5. Ako ste novi u HTML-u, pogledajte ove primjere koda. 17 Jednostavni primjeri HTML koda kojeg možete naučiti u 10 minuta. 17 Jednostavnih primjera HTML koda koje možete naučiti u 10 minuta Želite li 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. !

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