HTML5 yra naujausias ir didžiausias Kas yra HTML5 ir kaip tai keičia mano naršymo būdą? [„MakeUseOf“ paaiškina]Per pastaruosius kelerius metus galbūt kartą per laiką girdėjote terminą HTML5. Nesvarbu, ar jūs ką nors žinote apie interneto svetainių kūrimą, ar ne, koncepcija gali būti šiek tiek miglota ir paini. Akivaizdu, kad ... Skaityti daugiau žiniatinklyje plačiausiai naudojamos žymėjimo kalbos versija. Yra keletas didelių pakeitimų, palyginti su paskutine kalbos versija, ir jei jų nenaudojate, praleidžiate keletą puikių funkcijų.
Mes neturime vietos aprėpti kiekvieno naujo elemento penktojoje HTML versijoje, tačiau šie devyni yra vieni iš svarbiausių. Norėdami gauti daugiau informacijos apie naujus HTML5 elementus ir API, būtinai patikrinkite „W3Schools“.
Įvadas į semantinius elementus
Kaip ir didžioji dalis interneto, HTML5 daugiau dėmesio skyrė semantikai. Dabar vietoj etikečių, kurios paprasčiausiai naudojamos formatavimui, jos taip pat naudojamos naršyklėms nurodyti ir paieškos variklius
7 populiariausios semantinės paieškos sistemos kaip alternatyva „Google“ Skaityti daugiau prasmė to, kas juos supa.
Pavyzdžiui,
tiesiog pasako naršyklei, kad joje yra pastraipa. , kurį trumpai aptarsime, naršyklei praneša, kad jame yra pagrindinis puslapio turinys.
Semantinis internetas vis dar vystosi, ir mes tik pradėjome brėžti, ką jis gali padaryti. HTML5 padeda atsinešti semantinis žymėjimas Kas yra semantinis žymėjimas ir kaip tai amžinai pakeis internetą [Technologijos paaiškinta] Skaityti daugiau į daug didesnę interneto dalį, ir tai gali būti naudinga tik semantinio apdorojimo ateičiai.
1.
žyma apibrėžia „nepriklausomą, savarankišką turinį“. Lengviausias pavyzdys, be abejo, yra straipsnis. Šiam konkrečiam straipsniui atidarėme žymą prieš įvadą ir uždarome po išvados.
Visas jūsų savarankiško skyriaus tekstas.
Tačiau yra ir kitų būdų, kuriuos galite naudoti. Pvz., Daugelyje maisto gaminimo tinklaraščių yra asmeninių istorijų apie tai, kaip atsirado receptas ar kodėl jis svarbus rašytojui. Po to seka pats receptas. Galite pateikti argumentą, kad kiekvienas iš šių elementų gali būti atskiras.
Forume kiekvienas įrašas ar gija gali būti laikomas savarankišku ir kiekvienas gali būti pažymėtas savo žyma. Dažniausiai jis bus naudojamas pagrindiniame puslapio turinyje. Tačiau atminkite, kad galite tai naudoti ir kūrybiškiau.
2.
Glaudžiai susijęs su yra . Tai apibrėžia „teminį turinio grupavimą, paprastai su antrašte“. Taigi bus viduje ... tiesa?
Nebūtinai. W3 pabrėžia, kad tai priklauso nuo jūsų svetainės struktūros. Įvairiuose savo puslapio skyriuose gali būti autonominio turinio (pavyzdžiui, pagalvokite apie naujienų svetainės pradinį puslapį). Tada gali būti to straipsnio skyrių.
Kodėl jums reikia DAC
Viskas skamba geriau.
Kaip nustatyti DAC
Štai ką jums reikia padaryti.. .
Jūs netgi galite turėti skyrius skyriuose, jei jie tinka jūsų puslapiui. Atminkite, kad skyrius yra tiesiog „teminis turinio grupavimas“ ir rasite daug vietų, kur juo naudotis.
3.
Šis elementas „turėtų būti naudojamas kaip įvadinio turinio indas“. Trumpai tariant, tai jūsų puslapio dalis, kuri padeda žmonėms suprasti, ką jie ketina skaityti.
Neapsigaukite - galite naudoti šį konteinerį daugiau nei vieną kartą. Pvz., Galite naudoti ją tinklaraščio įrašo puslapio pavadinimui ir įvadinei daliai nustatyti. Bet jūs taip pat galite naudoti žymėdami įvadinį kiekvieno skyriaus turinį.
Viskas, ką reikia žinoti apie DAC
Čia yra naudinga įžanga į DAC ...
Likęs straipsnis yra čia.
Antraštės skyriuose paprastai yra bent viena antraštės žyma - H1, H2 ir pan. Jie neprivalo, tačiau paprastai, jei naudojate antraštės žymą, yra gera lažybų, kad įtraukiate antraštės turinį.
4.
W3 sako, kad poraštės etiketėse paprastai yra „dokumento autorius, informacija apie autorių teises, nuorodos į naudojimo sąlygas, kontaktinė informacija ir kt.“ Galite galvoti apie tai kaip „namų tvarkymo“ dalyką.
Dokumentacijoje taip pat teigiama, kad savo puslapyje galite turėti daugiau nei vieną poraštės skyrių. Vis dėlto turbūt gera idėja visą šią informaciją laikyti vienoje vietoje.
5.
Šioje žymoje yra nurodyto puslapio naršymo nuorodos. Atminkite, kad šią žymą gauna tik naršymo skyrius, o ne visos jūsų puslapio nuorodos. Jis skirtas naršymo juostoms ir panašiems įrankiams.
Tai tikrai paprasta etiketė - viskas, kas joje yra. Naudokite jį, kad apibrėžtumėte naršymo skyrių, ir nenaudokite jo dar kartą savo puslapyje.
6.
Vienas įdomiausių naujų HTML5 elementų yra panaikinimas. W3 pateikia šiek tiek nenaudingą „tam tikro turinio, išskyrus turinį, į kurį jis talpinamas“, apibrėžimą.
Trumpai tariant, nuošalė yra viskas, kas susiję su supančia informacija (bet atskirta nuo jos). Tai gali būti šoninė juosta, papildanti jūsų turinį. Kai jis naudojamas rinkinyje žymas, joje pateikiama papildomos informacijos, kuri nėra būtina norint suprasti pagrindinį turinį.
Pvz., Jei į šį straipsnį būtume įtraukę šoninę juostą, kurioje būtų pateikiama informacija apie HTML5 istoriją, tai būtų nuošalė.
Bet
Pagrindinis straipsnis yra čia. Straipsnis tęsiamas čia.
Kadangi šią etiketę galima naudoti įvairiai, ji gali kelti painiavą. Jei atsiminsite, kad tai „antrinis turinys“ ir kad jis ne visada turi būti šoninė juosta, turėsite geresnę mintį, kaip juo naudotis.
7.
Daugelyje svetainių yra informacijos, kuri turi būti rodoma, bet ne matomoje vietoje. Gal tai yra nuotraukos autorių teisių informacija. Arba dailus spausdinimas konkurse. Tokia informacija yra būtent tai, kam skirta detalės žyma.
Kai naudojate išsamios informacijos žymą, sukuriate paslėptą tekstą, kurį galima lengvai parodyti. Štai pavyzdys:
Norėdami pamatyti informaciją, spustelėkite čia.
Čia yra išsamesnės informacijos, kurios jums iškart nereikia.
Tiesiog spustelėkite rodyklę, kad gautumėte išsamią informaciją. Paprasta. Jį sukurti yra taip paprasta. Pateiktas aukščiau pateiktame pavyzdyje naudojamas kodas:
Norėdami pamatyti informaciją, spustelėkite čia. Čia yra išsamesnės informacijos, kurios jums iškart nereikia.
žyma nusako sakinį, kuris bus rodomas, o kitas turinys bus paslėptas. Atminkite, kad išsamios informacijos skiltyje galite naudoti kitas žymas: antraštes, skyrius ir kt.
Yra ir kitų šaunių dalykų, kuriuos galite padaryti naudodami HTML 8 puikūs HTML efektai, kuriuos kiekvienas gali įtraukti į savo svetainęNorėdami sukurti išgalvotą svetainę, jūs neturite žinoti CSS ar PHP. Naudokite šiuos puikius HTML triukus, kad sukurtumėte nuostabius efektus. Skaityti daugiau , net jei nežinote daug CSS ar JSON.
8-9. ir
Nesijaudink žyma, kurią naudojate metų metus, neišnyks. apeina vaizdo žymą ir praneša naršyklei, kad tai yra atskiras vaizdas, schema, kodų sąrašas ar kita figūra.
Jei paveikslėlis pašalinamas iš puslapio, jis neturės įtakos turinio srautui.
eina per paveikslėlio žymą ir nurodo vaizdo antraštę. Tai gali atrodyti taip:
Tai yra mūsų logotipas!
Tai suteikia integruotą būdą, kaip prie vaizdų pridėti antraštę. Jums nebereikia eiti per savo CMS.
Pasinaudokite HTML5 galia
Nauji HTML5 elementai suteikia daug galios, ypač semantiniams tikslams. Yra papildomų elementų formatavimui, skaliariniams matavimams, užduoties eigai ir dar daugiau. Tu gali matyti visi nauji elementai „W3Schools“.
Bet jei sugebėsite įvaldyti šiuos devynis, jums bus geras būdas tinkamai naudotis HTML5. O jei dar nesate pradėję HTML, būtinai apsilankykite šie kodo pavyzdžiai 17 paprastų HTML kodo pavyzdžių, kuriuos galite išmokti per 10 minučiųNorite sukurti pagrindinį tinklalapį? Sužinokite apie šiuos HTML pavyzdžius ir išbandykite juos teksto rengyklėje, kad pamatytumėte, kaip jie atrodo jūsų naršyklėje. Skaityti daugiau !
Ar jau pradėjote naudoti HTML5? Kurie nauji elementai jums atrodo patys naudingiausi? Pasidalykite savo mintimis komentaruose žemiau!
„Dann“ yra turinio strategijos ir rinkodaros konsultantas, kuris padeda įmonėms generuoti paklausą ir veda klientus. Jis taip pat rašo tinklaraščius apie strategiją ir turinio rinkodarą dannalbright.com.
