Marvi Konvic Blog

Na internetu možete pronaći veliki broj proširenja (plugin-ova) za WordPress koji će vam pomoći da kreirate sopstvenu HTML mapu sajta. Međutim pitanje je želite li da uradite specifične stvari sa svojom mapom sajta, uključiti ili isključiti određene stranice / članke, itd. Želim vam pokazati kako da napravite mapu sajta za svoj WordPress blog, bez dodatnih proširenja.

 

U prethodnim godinama, programeri su koristiti “rel” atribute za linkove prilikom odredjivanja koje linkove web crawleri ne bi trebali pratiti / indexirati.

U HTML5 su pristutni tagovi koji će vam olakšati i ubrzati izgradnju web stranica. Umesto DIV tagova, u upotrebu se uvodi nekoliko novih tagova uz pomoć kojih se može veoma jasno definisati struktura stranice.

<article>, <footer>, <header>, <nav>, <section>

<video src="film.ogg" controls="controls"></video>

<video src="film.ogg" width="320" height="240" controls="controls">
Vas browser ne podrzava video tag. </video>

<video width="320" height="240" controls="controls">
<source src="film.ogg" type="video/ogg" />
<source src="film.mp4" type="video/mp4" />
<source src="film.webm" type="video/webm" />
Vas browser ne podrzava video tag.
</video>

<audio controls="controls">
<source src="pesma.ogg" type="audio/ogg" />
<source src="pesma.mp3" type="audio/mpeg" />
Vas browser ne podrzava audio elemente.
</audio>

Šta je to HTML5?
HTML5 je definitivno standard koji će prilično brzo promeniti pogled na web, doprineti lakšem i bržem razvoju ozbiljnih aplikacija, i povrh svega omogućiti apsolutnim početnicima da jednostavno kreiraju sve aktuelne komponente na web stranicama, pa čak i one malo zahtevnije.
Kako je startovao HTML5?
HTML5 je nastao sa saradnjom W3C (World Wide Web) i WHATWG (Web Hypertext Application Technology Working Group).
WHATWG je radio na razvoju web formi i aplikacija, a W3C je radio na razvoju XHTML-a 2.0. u 2006. godini.

Uspostavljena su neka nova pravila u HTML5:

Nove funkcije bi trebalo da se baziraju na HTML-u, CSS-u, DOM-u i JavaScript-u
Smanjena je potreba za externim dodacima, poput Flash-a
Bolja kontrola i rukovanje greškama
Veća upotreba jezika za označavanje koja će zameniti skriptni jezik
HTML5 treba da bude nezavistan od uredjaja
Razvojni proces treba da bude javan.

<article>, <footer>, <header>, <nav>, <section>

Nove funkcije

Neke od najinteresantnijih funkcija u HTML5 su:
Platno za crtanje
Video i audio elemnti za medijsku reprodukciju
Bolja podrška za lokalno vanlinijsko skladištenje
Novi specifični elementi

Nove kontrole formi poput “calendar”, “date”, “time”, “email”, “url”, “search”.

Novi elementi u HTML5

Internet se dosta promenio od 1999. godine kada je HTML 4.01 postao standard. Danas, neki elementi u HTML 4.01 su zastareli, gotovo nikad upotrebljeni ili bar ne na način na koji je trebalo da budu. Ovi elementi su ili u potpunosti obrisani ili ponovo napisani u HTML5. Za bolje rukovanje internetom danas, HTML5 uključuje i nove elemente za bolju strukturu, crtanje, multimedijalni sadržaj i bolje rukovanje formama.



Mnogi moderni sajtovi prikazuju video sadržaj. HTML5 obezbeđuje standard za prikazivanje istih.
Video na Web-u
Do sada nije postojao standard za prikazivanje video materijala na web stranicama.
Danas se većina video saržaja prikazuje uz pomoću dodataka poput flash-a. Međutim, nemaju svi pregledači iste dodatke.
HTML5 obezbedjuje standrardni način za prikazivanje video sadržaja sa novim video elementom.



Video formati i browseri
Trenutno, postoje tri podržana video formata:

• Ogg = Ogg fajlovi sa Theora video kodekom i Vorbis audio kodekom.
• MP4 = MP4 fajlovi sa H.264 video kodekom i AAC audio kodekom.
• WebM = WebM fajlovi sa VP8 video kodekom i Vorbis audio kodekom.

Kako to funkcioniše?
Da bi se prikazivao video u HTML5, samo Vam je ovo potrebno:

<video src="film.ogg" controls="controls"></video>

Da biste imali kontrolu nad atributom morate dodati "play", "pause" i "volume" kontrole. Takodje, uvek je dobra ideja dodati širinu i visinu atributa. Dodajte sadržaj između otvorenog taga za pregledače koji ne podržavaju video element.

<video src="film.ogg" width="320" height="240" controls="controls">
Vas browser ne podrzava video tag. </video>

Video element dozvoljava više izvora istog. Izvor elemeneta može biti povezan sa različitim video fajlovima.
Pregledači će koristiti prvi prepoznatljiv format.

<video width="320" height="240" controls="controls">
<source src="film.ogg" type="video/ogg" />
<source src="film.mp4" type="video/mp4" />
<source src="film.webm" type="video/webm" />
Vas browser ne podrzava video tag.
</video>

Internet Explorer
Internet Explorer 8 ne podržava video element.
U IE 9 će biti podrške za video element koji će koristiti MPEG4 fajl.

HTML5 Audio
Za reprodukciju audio datoteke u HTML5, to je sve što trebate:

<audio controls="controls">
<source src="pesma.ogg" type="audio/ogg" />
<source src="pesma.mp3" type="audio/mpeg" />
Vas browser ne podrzava audio elemente.
</audio>

Audio element dozvoljava više izvora istog. Izvor elemeneta može biti povezan sa različitim audio fajlovima.
Pregledači će koristiti prvi prepoznatljiv format. Isto kao i sa video elementima.
Audio formati i browseri
Trenutno, postoje tri podržana audio formata: