Reklaam
HTML5 on uusim ja suurim Mis on HTML5 ja kuidas see muudab sirvimisviisi? [MakeUseOf selgitab]Mõne viimase aasta jooksul võisite aeg-ajalt kuulda mõistet HTML5. Ükskõik, kas teate midagi veebiarenduse kohta või mitte, võib see kontseptsioon olla mõnevõrra hägune ja segane. Ilmselt ... Loe rohkem veebis kõige sagedamini kasutatava märgistuskeele versioon. Keele viimasest versioonist on pärit mõned suured muudatused ja kui te ei kasuta neid, jääb teil mõni tõeliselt lahe funktsionaalsus puudu.
Meil pole ruumi HTML-i viienda versiooni iga uue elemendi katmiseks, kuid need üheksa on ühed kõige olulisemad. HTML5 uute elementide ja API-de kohta lisateabe saamiseks lugege kindlasti vaadake W3Soole.
Sissejuhatus semantilistesse elementidesse
Nagu suur osa Internetist, on ka HTML5 keskendunud semantikale. Nüüd kasutatakse siltide asemel vormindamiseks siltide kasutamist ka brauserite teavitamiseks ja otsingumootorid 7 parimat semantilist otsingumootorit Google'i alternatiivina Loe rohkem tähendus, mida nad ümbritsevad.
Näiteks,
ütleb brauserile lihtsalt, et see sisaldab lõiku.
Semantiline veeb areneb endiselt ja me oleme alles hakanud kriimustama pinda, mida see teha saab. HTML5 aitab tuua semantiline märgistus Mis on semantiline märgistus ja kuidas see muudab Interneti igaveseks [Technology Explained] Loe rohkem palju suuremasse Interneti-ossa ja see võib olla hea ainult semantilise töötlemise tuleviku jaoks.
1.
Kogu teie iseseisva jaotise tekst.
Kuid on ka teisi võimalusi, kuidas seda kasutada. Näiteks sisaldavad paljud toiduvalmistamise ajaveebid isiklikke lugusid selle kohta, kuidas retsept sündis või miks see on kirjaniku jaoks oluline. Seejärel järgneb retsept ise. Võiksite väita, et need elemendid võiksid iseseisev olla.
Foorumis võiks iga postitust või lõime pidada iseseisvaks ja igaüks võiks olla tähistatud omaga
2.
Tihedalt seotud
Mitte tingimata. W3 juhib tähelepanu, et see sõltub teie saidi struktuurist. Võimalik, et teie lehe erinevates osades on iseseisev sisu (mõelge näiteks uudiste saidi esilehele). Seejärel võivad teil selles artiklis olla jaotised.
Miks vajate DAC-i
Kõik kõlab paremini.
DAC-i seadistamine
Siin on, mida peate tegema.. .
Kui teil see sobib teie lehele, võib teil sektsioonides olla isegi jaotisi. Pidage meeles, et jaotis on lihtsalt „sisu temaatiline rühmitus” ja selle kasutamiseks leiate palju kohti.
3.
Seda elementi “tuleks kasutada sissejuhatava sisu mahutina”. Lühidalt, see on teie lehe osa, mis aitab inimestel mõista, mida nad hakkavad lugema.
Kuid ärge laske end petta - võite seda konteinerit kasutada mitu korda. Näiteks võite seda kasutada oma blogipostituse lehe pealkirja ja sissejuhatava lõigu tuvastamiseks. Kuid võite seda kasutada ka iga jaotise sissejuhatava sisu märkimiseks.
Kõik, mida peate teadma DAC-ide kohta
Siit leiate DAC-ide kasuliku sissejuhatuse ...
Ülejäänud teie artikkel läheb siia.
Päise sektsioonid sisaldavad tavaliselt vähemalt ühte rubriigi silti - H1, H2 jne. Nad ei pea seda tegema, kuid üldiselt, kui kasutate päisesilti, on hea panus, et lisate päise sisu.
4.
W3 ütleb, et jaluse sildid sisaldavad tavaliselt “dokumendi autorit, autoriõiguse teavet, linke kasutustingimustele, kontaktteavet jne”. Võite mõelda sellele kui "majapidamise" kraamile.
Dokumentatsioonis öeldakse ka, et teie lehel võib olla mitu jaluse jaotist. Tõenäoliselt on siiski hea mõte hoida kogu seda teavet ühes kohas.
5.
See silt sisaldab antud lehe navigeerimislinke. Pange tähele, et selle sildi saab ainult navigeerimisjaotis, mitte kõik teie lehe lingid. See on ette nähtud navigeerimisribade ja sarnaste tööriistade jaoks.
See on tõesti lihtne silt - selleks on kõik olemas. Kasutage seda navigeerimisosa määratlemiseks ja ärge kasutage seda uuesti oma lehel.
6.
Üks huvitavamaid uusi elemente HTML5-s on kõrvale. W3 annab sellele mõnevõrra kasutu määratluse „mõni sisu peale selle sisu, kuhu see on paigutatud”.
Lühidalt, kõrvalepõige on kõik, mis on ümbritseva teabega seotud (kuid sellest lahus). See võib olla külgriba, mis lisab teie sisule üksikasju. Kui seda kasutatakse vahemikus
Näiteks kui oleksime lisanud sellesse artiklisse külgriba, mis annab teavet HTML5 ajaloo kohta, oleks see kõrvalepõige.
Kuid
Põhiartikkel on siin. Artikkel jätkub siin.
Kuna seda märgendit kasutatakse mitmel viisil, võib see olla segane. Kui peate meeles, et see on „sekundaarne sisu” ja et see ei pea alati olema külgriba, on teil parem idee selle kasutamiseks.
7.
Paljudel veebisaitidel on teavet, mida tuleb kuvada, kuid mitte silmatorkavalt. Võib-olla on see foto autoriõiguse teave. Või trahvi trükis konkursil. Selline teave on täpselt see, mille jaoks üksikasjade silt on mõeldud.
Üksikasjaliku sildi kasutamisel loote peidetud teksti, mida saab hõlpsasti kuvada. Siin on näide:
Lisateabe saamiseks klõpsake siin.
Siin on üksikasjalikum teave, mida te kohe ei vaja.
Üksikasjade saamiseks klõpsake lihtsalt noolt. Lihtne. Selle loomine on sama lihtne. Siin on ülaltoodud näite jaoks kasutatud kood:
Lisateabe saamiseks klõpsake siin.
Siin on üksikasjalikum teave, mida te kohe ei vaja.
On ka teisi lahedad asjad, mida saate HTML-iga teha 8 lahedat HTML-efekti, mida igaüks saab oma veebisaidile lisadaUhke saidi loomiseks ei pea te CSS-i ega PHP-d tundma. Kasutage neid lahedaid HTML-i trikke, et tekitada vingeid efekte. Loe rohkem ka siis, kui te ei tea palju CSS-i või JSON-i.
8-9.
Ära muretse, silt, mida olete aastaid kasutanud, ei kao kuhugi.
Kui mõni leht lehelt eemaldatakse, ei mõjuta see sisu voogu.
See annab teile sisseehitatud viisi piltidele pealdise lisamiseks. Enam pole vaja oma CMS-i läbi vaadata.
Kasutage ära HTML5 võimsust
HTML5 uued elemendid lisavad palju jõudu, eriti semantilistel eesmärkidel. Vormindamiseks, skalaarmõõtmisteks, ülesande edenemiseks ja muuks on veel elemente. Sa näed kõik uued elemendid W3Skoolides.
Kuid kui suudate need üheksa paremini tundma õppida, on teil HTML5 hea kasutamisega hea viis. Ja kui olete HTML-i uus kasutaja, siis kindlasti uurige need koodinäited 17 lihtsat HTML-koodi näidet, mida saate õppida 10 minutigaKas soovite luua tavalise veebilehe? Siit saate teada neid HTML-i näiteid ja proovida neid tekstiredaktoris, et näha, kuidas need teie brauseris välja näevad. Loe rohkem !
Kas olete hakanud HTML5 kasutama? Millised uued elemendid on teie arvates kõige kasulikumad? Jagage oma mõtteid allpool olevates kommentaarides!
Dann on sisestrateegia ja turunduskonsultant, kes aitab ettevõtetel nõudlust tekitada ja viib. Samuti ajaveeb ta veebiaadressil dannalbright.com strateegia- ja sisuturunduse kohta.