Oglas

HTML5 je najnovejše in največje Kaj je HTML5 in kako se spremeni način brskanja? [MakeUseOf pojasnjuje]V zadnjih nekaj letih ste morda vsake toliko časa slišali izraz HTML5. Ali veste kaj o spletnem razvoju ali ne, je koncept lahko nekoliko nejasen in zmeden. Očitno ... Preberi več različica najpogosteje uporabljenega označevalnega jezika na spletu. V zadnji različici jezika je nekaj velikih sprememb, in če jih ne uporabljate, pogrešate nekaj zelo kul funkcionalnosti.

V peti različici HTML nimamo prostora za pokrivanje vseh novih elementov, teh devet pa je nekaj najpomembnejših. Če želite več informacij o novih elementih in API-jih v HTML5, ne pozabite preverite W3Schools.

Uvod v semantične elemente

Kot večina interneta se je tudi HTML5 preusmeril na semantiko. Zdaj, namesto da bi se oznake preprosto uporabljale za oblikovanje, se uporabljajo tudi za brskanje in iskalniki Najboljših 7 semantičnih iskalnikov kot alternativa Googlu Preberi več pomen tega, kar obdajajo.

Na primer

brskalniku preprosto pove, da vsebuje odstavek.

, o katerem bomo na kratko razpravljali, brskalniku sporoča, da vsebuje glavno vsebino strani.

Semantični splet se še razvija, mi pa smo šele začeli praskati po površini tega, kar lahko naredi. HTML5 pomaga pri uvajanju pomensko označevanje Kaj je semantična oznaka in kako se bo to spremenilo za vedno za vedno [tehnologija je pojasnila] Preberi več na veliko večji del interneta, kar je lahko dobro le za prihodnost semantične obdelave.

1.

The

oznaka določa "neodvisno, samostojno vsebino." Najlažji primer je seveda članek. Za ta članek oznako odpremo pred uvodom in jo zaključimo po zaključku.

 Vse besedilo v samostojnem razdelku. 

Obstajajo pa tudi drugi načini, kako jih lahko uporabite. Na primer, mnogi kuharski blogi vključujejo osebne zgodbe o tem, kako je nastal recept ali zakaj je to pomembno za pisatelja. Nato sledi sam recept. Lahko bi navedli trditev, da bi lahko vsak od teh elementov stal sam.

Na forumu bi lahko vsako objavo ali nit obravnavali kot samostojno, vsako pa bi lahko označili s svojo

oznaka. Večinoma se bo uporabljal v glavni vsebini strani. Ne pozabite pa, da ga lahko uporabljate tudi bolj kreativno.

2.

Tesno povezano z

je

. To določa "tematsko razvrščanje vsebine, običajno z naslovom." Torej

bo notri

… prav?

Ni nujno. W3 poudarja, da je odvisno od strukture vaše spletne strani. V različnih delih strani imate lahko samostojno vsebino (na primer pomislite na naslovno stran novic). Nato boste lahko v tem članku imeli razdelke.

Zakaj potrebuješ DAC
Vse se sliši bolje.
Kako nastaviti DAC
Tukaj je tisto, kar morate storiti.. .

Celo ustreza vaši strani, lahko v razdelkih imate razdelke. Ne pozabite, da je odsek preprosto "tematsko razvrščanje vsebine" in našli boste veliko krajev za njegovo uporabo.

3.

Ta element "je treba uporabiti kot vsebnik za uvodno vsebino." Skratka, to je del vaše strani, ki ljudem pomaga razumeti, kaj bodo brali.

Toda ne zavajajte se - to posodo lahko uporabljate večkrat. Lahko ga na primer uporabite za določitev naslova strani in uvodnega odstavka vaše objave na spletnem dnevniku. Lahko pa ga uporabite tudi za označevanje uvodne vsebine za vsak razdelek.

Vse, kar morate vedeti o DAC-jih
Tu je koristen uvod v DAC-je ...
 Preostanek vašega članka je tukaj.

Odseki glave običajno vsebujejo vsaj eno oznako naslova - H1, H2 in tako naprej. Ni jim treba, vendar na splošno, če uporabljate oznako naslova, je dobro, da vključite vsebino glave.

4.

W3 pravi, da oznake podnožja običajno vsebujejo "avtorja dokumenta, podatke o avtorskih pravicah, povezave do pogojev uporabe, kontaktne podatke itd." Lahko si zamislite to kot "gospodinjstvo".

V dokumentaciji je navedeno tudi, da lahko na svoji strani imate več razdelkov o nogah. Verjetno je dobra ideja, da vse te podatke hranite na enem mestu.

5.

Ta oznaka vsebuje povezave za krmarjenje za določeno stran. Upoštevajte, da to oznako dobi samo razdelek za krmarjenje, ne pa tudi vseh povezav na vaši strani. Za navigacijske vrstice in podobna orodja.

To je res preprosta oznaka - to je vse. Z njim določite odsek za krmarjenje in ga ne uporabljajte več na svoji strani.

6.

Eden najzanimivejših novih elementov v HTML5 je stran. W3 mu daje nekoliko neprijetno definicijo "nekatere vsebine poleg vsebine, v katero je postavljena."

Skratka, stran je vse, kar je povezano (vendar ločeno od) okoliških informacij. To bi lahko bila stranska vrstica, ki bo vsebini dodala podrobnosti. Ko se uporablja znotraj niza

oznake, ponuja dodatne informacije, ki niso potrebne za razumevanje glavne vsebine.

Če bi na primer v ta članek vključili stransko vrstico, ki daje podatke o zgodovini HTML5, bi bilo to stran.

Toda

 Glavni članek je tukaj.  Članek se nadaljuje tukaj.

Ker za to oznako obstaja več uporab, je lahko zmedeno. Če ne pozabite, da gre za "sekundarno vsebino" in da ni treba, da je vedno stranska vrstica, boste imeli boljšo predstavo, kako jo uporabljati.

7.

Številna spletna mesta imajo informacije, ki jih je treba prikazati, vendar ne vidno. Mogoče gre za podatke o avtorskih pravicah za fotografijo. Ali drobni tisk na natečaju. Tovrstne informacije so točno tisto, za kar je namenjena oznaka podrobnosti.

Ko uporabite oznako s podrobnostmi, ustvarite skrito besedilo, ki ga je enostavno prikazati. Tu je primer:

Za prikaz informacij kliknite tukaj.

Tu je podrobnejših informacij, ki jih ne potrebujete takoj.

Samo kliknite puščico, da dobite podrobnosti. Preprosto. Ustvarjanje je prav tako enostavno. Tu je koda, uporabljena za zgornji primer:

 Za prikaz informacij kliknite tukaj. 
 Tu so podrobnejše informacije, ki jih ne potrebujete takoj. 

The

označi stavek, ki bo prikazan, ostale vsebine pa so skrite. Upoštevajte, da lahko v razdelku s podrobnostmi uporabite druge oznake: naslove, razdelke ipd.

Obstajajo tudi drugi kul stvari, ki jih lahko naredite z HTML 8 kul HTML učinkov, ki jih lahko vsakdo doda na svoje spletno mestoZa izdelavo domišljijskega spletnega mesta vam ni treba poznati CSS ali PHP. Uporabite te kul HTML trike, da ustvarite super učinke. Preberi več , tudi če ne poznate veliko CSS-ja ali JSON-a.

8-9.

in

Brez skrbi, oznaka, ki jo uporabljate leta, ne mine.

se giblje okrog slikovne oznake in brskalniku sporoča, da gre za samostojno sliko, diagram, seznam kod ali drugo figuro.

Če je slika odstranjena s strani, to ne bo vplivalo na pretok vsebine.

Tako dobite vgrajen način za dodajanje napisov v slike. Po CMS vam ni treba več.

Izkoristite moč HTML5

Novi elementi v HTML5 dodajo veliko moči, zlasti za semantične namene. Obstajajo dodatni elementi za oblikovanje, skalarne meritve, napredek opravil in še več. Lahko vidiš vsi novi elementi na W3Schools.

Če pa obvladate teh devet, boste dobro na poti do uporabe HTML5. In če niste nov HTML, se prepričajte, da si oglejte ti primeri kod 17 preprostih primerov kode HTML, ki se jih lahko naučite v 10 minutahŽelite ustvariti osnovno spletno stran? Naučite se teh primerov HTML in jih preizkusite v urejevalniku besedil, da vidite, kako izgledajo v vašem brskalniku. Preberi več !

Ste začeli uporabljati HTML5? Kateri novi elementi se vam zdijo najbolj uporabni? Delite svoje misli v spodnjih komentarjih!