Pregled novih elemenata HTML5

Od 1999., kada je HTML 4.01 postao standard, web i njegova upotreba promijenili su veliku mjeru. W3C je odlučio promijeniti osnovnu HTML sintaksu iz Standardnog generaliziranog jezika za označavanje (SGML) u XML, a također i potpuno različite jezike za označavanje, kao što su skalabilna vektorska grafika (SVG), XForms i MathML. Trenutno su neke HTML 4.01 komponente zastarjele, nikada se ne koriste ili se ne koriste kako se očekuje. Svaki dio komponenata u HTML5 premješta se ili ponovno sastavlja. HTML5 je uključio nove elemente za ilustraciju reprezentacije, prikazivanje digitalnog sadržaja, poboljšani izgled stranice i opću funkcionalnost te nekoliko novih sučelja za ispravno rješavanje današnjih internetskih zahtjeva.

U HTML5 je uneseno nekoliko novih elemenata koji nude određene dodatne značajke za razvoj poželjnog i interaktivnog mjesta. Kôd možemo brzo i učinkovito stvoriti uz pomoć takvih komponenti. Zbog nedostatka strukture, mnogi dobro oblikovani HTML dokumenti su teže rukovati nego što trebaju biti. Procjenjujući ljestvicu zaglavlja, moramo otkriti kuda se prelomi segmenta nalaze. Element div identificira bočne trake, podnožja, zaglavlja, navigacijske izbornike i glavne dijelove sadržaja.

Top 10 HTML5 novih elemenata

HTML5 pruža nove elemente za poboljšanje izgleda dokumenta.

1.

Element određuje dio stranice koji uključuje zasebnu strukturu u dokumentu, odjeljku ili web mjestu i koji se preporučuje široko distribuirati ili koristiti. Ovo može biti grupno objavljivanje časopisa ili dnevnog izvješća o radu na papiru, podnošenje mrežnom biltenu, primjedba koju je poslao kupac ili bilo koji drugi objekt bez tvari.

Primjer:



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.

Izlaz:

  • Spremite gornji kôd u datoteku s .html nastavkom.
  • Pokrenite html datoteku u pregledniku i dobit ćete izlaz kao što je prikazano na slici ispod.

2.

Element u mnogočemu označava pojedinačni sadržaj kao kategorizacije, karte, slike, članke kodova i još mnogo toga.

Primjer:



Figure Element

EDUCBA je vodeći svjetski pružatelj obrazovanja utemeljenog na vještinama koji zadovoljava potrebe 500 000+ članova u 40+ zemalja.

Izlaz:

Gornji kod će proizvesti rezultat kao što je prikazano na slici ispod,

3.

Element se koristi za dodavanje opisa slike.

Primjer:



Figure Caption Element

EDUCBA je vodeći svjetski pružatelj obrazovanja utemeljenog na vještinama koji zadovoljava potrebe 500 000+ članova u 40+ zemalja.


EDUCBA (Corporate Bridge Consultancy Pvt Ltd)

Izlaz:

Gornji kôd prikazuje rezultat kao što je prikazano na slici ispod,

4.

Element se koristi za određivanje zaglavlja dokumenta ili odjeljka na stranici. Možete definirati više od jednog zaglavlja u jednom dokumentu.

Primjer:



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three

Sadržaj dokumenta ide ovdje …

Izlaz:

Gornji kôd prikazuje rezultat kao što je prikazano na slici ispod,

5.

Element se koristi za određivanje podataka kao što su podaci o autoru, podaci o autorskim pravima, kontakt, poveznice na povezane dokumente, sitemap i mnoge druge.

Primjer:



Footer Element

Copyright © 2019 www.educba.com

Kontakt:

Izlaz:

Gornji kôd prikazuje rezultat kao što je prikazano na slici ispod,

6.

Element se koristi za prikazivanje glavnih tj. Važnih podataka dokumenta.

Primjer:



Main Element

Informacije o zaglavlju

Glavne informacije

EDUCBA


EDUCBA je vodeći svjetski pružatelj obrazovanja utemeljenog na vještinama …


Informacije o podnožju

Izlaz:

Gornji kod će proizvesti rezultat kao što je prikazano na slici ispod,

7.

Element se koristi za označavanje ili označavanje teksta s pozadinskom bojom koja privlači korisnika za određeni tekst u dokumentu.

Primjer:



Mark Element

EDUCBA je vodeći svjetski pružatelj obrazovanja utemeljenog na vještinama koji zadovoljava potrebe 500 000+ članova u 40+ zemalja.

Izlaz:

Gornji kôd prikazuje rezultat kao što je prikazano na slici ispod,

8.

Element se koristi za određivanje navigacijskih veza na stranici. Te veze pružaju veze s drugim stranicama u dokumentu.

Primjer:



Nav Element


HTML |
CSS |
JAVA |
PHP |
PYTHON

Izlaz:

Gornji kod će proizvesti rezultat kao što je prikazano na slici ispod,

9.

Element se koristi za definiranje samostalnog odjeljka ili određene regije u dokumentu.

Primjer:



Section Element

Main Article



Section Element

Main Article



Section Element

Main Article

Ovdje će biti prikazan sadržaj glavnog zaglavlja …


Odjeljak prvi


Prikazat će se sadržaj prvog odjeljka …


Odjeljak drugi


Prikazat će se sadržaj drugog odjeljka …

Izlaz:

Gornji kôd prikazuje rezultat kao što je prikazano na slici ispod,

10.

Oznaka je pododjeljak oznake koji pruža tekst koji se može prikazati ili sakriti kada korisnik klikne na naslov.

Primjer:



Summary Element


EDUCBA - Corporate Bridge Consultancy Pvt Ltd

Vodeći je svjetski pružatelj obrazovanja utemeljenog na vještinama za potrebe 500 000+ članova u 40+ zemalja.

Izlaz:

Kada pokrenete gornji kôd, prikazat će rezultat kao što je prikazano u nastavku,

Kao što je prikazano na slici, kliknite na naslov, prikazat će skriveni tekst kao što je prikazano na donjoj slici,

Zaključak

Do sada smo vidjeli kako su novi HTML5 elementi korisni za različite zadatke u kreiranju web stranice. Ti novi elementi pročitaju dokument na precizniji i standardniji način i razvijaju složenije i učinkovitije web aplikacije. Novi HTML5 elementi daju dodatne dodatne značajke za generiranje interaktivnih web stranica.

Preporučeni članci

Ovo je vodič za nove elemente Html5. Ovdje smo raspravljali o prvih 10 novih elemenata Html5 za poboljšanje izgleda dokumenta. Možete pogledati i sljedeće članke da biste saznali više -

  1. Korekcija boje u poslije efektima
  2. Top 6 verzija Html
  3. Html5 vs Html4
  4. XHTML u odnosu na HTML5
  5. Što je most?
  6. HTML5 oznake | Najbolje 4 oznake HTML5

Kategorija:

Alati za web razvoj