HTML5 ir jaunākais un lielākais Kas ir HTML5 un kā tas maina pārlūkošanas veidu? [MakeUseOf skaidrojumi]Dažos pēdējos gados jūs, iespējams, esat dzirdējis terminu HTML5 ik pa laikam. Neatkarīgi no tā, vai jūs zināt kaut ko par tīmekļa attīstību vai nē, šī koncepcija var būt nedaudz neskaidra un mulsinoša. Acīmredzot ... Lasīt vairāk tīmeklī visplašāk izmantotās iezīmēšanas valodas versija. Sākotnējā valodas versijā ir dažas lielas izmaiņas, un, ja jūs tās nelietojat, jums trūkst dažas ļoti stilīgas funkcijas.
Mums nav vietas, lai segtu katru jauno HTML piektās versijas elementu, taču šie deviņi ir daži no vissvarīgākajiem. Lai iegūtu papildinformāciju par HTML5 jaunajiem elementiem un API, pārliecinieties izbraukšana W3Schools.
Ievads semantiskajos elementos
Tāpat kā liela daļa interneta, arī HTML5 ir pārcēlusies uz semantiku. Tagad tā vietā, lai tagus vienkārši izmantotu formatēšanai, tie tiek izmantoti arī pārlūkprogrammu norādīšanai un meklētājprogrammas 7 populārākās semantiskās meklētājprogrammas kā alternatīva Google Lasīt vairāk to, ko viņi ieskauj, nozīme.
pārlūkam vienkārši paziņo, ka tajā ir rindkopa. , kuru mēs īslaicīgi apspriedīsim, pārlūkam paziņo, ka tajā ir lapas galvenais saturs.
Semantiskais tīmeklis joprojām attīstās, un mēs esam sākuši tikai saskrāpēt to, ko tas var darīt. HTML5 palīdz ieviest semantiskais iezīmējums Kas ir semantiskais marķējums un kā tas uz visiem laikiem mainīs internetu [Explained Technology] Lasīt vairāk uz daudz lielāku interneta daļu, un tas var nākt par labu tikai semantiskās apstrādes nākotnei.
1.
tags definē “neatkarīgu, autonomu saturu”. Vienkāršākais piemērs, protams, ir raksts. Šim konkrētajam rakstam mēs pirms ievada atvērām tagu un aizveram to pēc noslēguma.
Viss teksts patstāvīgajā sadaļā.
Bet ir arī citi veidi, kā jūs to varat izmantot. Piemēram, daudzos ēdienu gatavošanas emuāros ir personīgi stāsti par to, kā radusies recepte vai kāpēc tā ir svarīga rakstniekam. Pēc tam seko pati recepte. Jūs varētu argumentēt, ka katrs no šiem elementiem varētu būt patstāvīgs.
Forumā katru ierakstu vai pavedienu var uzskatīt par patstāvīgu, un katru var iezīmēt ar savu birka. Lielākoties tas tiks izmantots galvenajā lapas saturā. Bet paturiet prātā, ka varat to izmantot arī radošāk.
2.
Cieši saistīta ar ir . Tas definē “satura tematisku grupēšanu, parasti ar virsrakstu”. Tātad būs iekšā … taisnība?
Nav nepieciešams. W3 norāda, ka tas ir atkarīgs no jūsu vietnes struktūras. Jums dažādās lapas sadaļās varētu būt patstāvīgs saturs (piemēram, domājiet par ziņu vietnes sākumlapu). Pēc tam, iespējams, šajā rakstā būs sadaļas.
Kāpēc jums ir nepieciešams DAC
Viss izklausās labāk.
Kā iestatīt DAC
Lūk, kas jums jādara.. .
Jums pat var būt sadaļas sadaļās, ja tā ir piemērota jūsu lapai. Atcerieties, ka sadaļa ir vienkārši “tematiska satura grupa”, un jūs atradīsit daudz vietu, kur to izmantot.
3.
Šis elements “jāizmanto kā ievada satura konteiners”. Īsāk sakot, tā ir jūsu lapas daļa, kas palīdz cilvēkiem saprast, ko viņi gatavojas lasīt.
Neļaujiet sevi apmānīt - šo konteineru varat izmantot vairāk nekā vienu reizi. Piemēram, jūs to varētu izmantot, lai identificētu emuāra ziņas lapas virsrakstu un ievaddaļu. Bet jūs to varētu izmantot arī katras sadaļas ievada satura atzīmēšanai.
Viss, kas jums jāzina par DAC
Šeit ir noderīgs ievads DAC ...
Pārējais jūsu raksta teksts ir šeit.
Galvenes sadaļās parasti ir vismaz viens virsrakstu tags - H1, H2 utt. Viņiem tas nav jādara, bet kopumā, ja jūs izmantojat virsraksta tagu, ir labi, ka jūs iekļaujat galvenes saturu.
4.
W3 saka, ka kājenes tagos parasti ir “dokumenta autors, informācija par autortiesībām, saites uz lietošanas noteikumiem, kontaktinformācija utt.” Jūs to varat uzskatīt par “mājturības” lietām.
Dokumentācijā arī teikts, ka jūsu lapā var būt vairākas kājenes sadaļas. Tomēr, iespējams, ir laba ideja visu šo informāciju glabāt vienā vietā.
5.
Šajā tagā ir norādītās lapas navigācijas saites. Ņemiet vērā, ka šo tagu iegūst tikai navigācijas sadaļa, nevis visas saites jūsu lapā. Tas ir paredzēts navigācijas joslām un līdzīgiem rīkiem.
Šis ir patiešām vienkāršs tags - tam ir viss, kas tam ir. Izmantojiet to, lai definētu navigācijas sadaļu, un vairs nelietojiet to savā lapā.
6.
Viens no visinteresantākajiem HTML5 elementiem ir malā. W3 tam piešķir nedaudz nelietderīgu “kāda satura, izņemot saturu, kurā tas tiek ievietots” definīciju.
Īsāk sakot, malā ir jebkas, kas ir saistīts ar apkārtējo informāciju (bet atsevišķi no tās). Tā varētu būt sānjosla, kas papildina jūsu saturu. Kad tas tiek izmantots tagus, tas sniedz papildu informāciju, kas nav nepieciešama galvenā satura izpratnei.
Piemēram, ja mēs šajā rakstā būtu iekļāvuši sānjoslu, kas sniedz informāciju par HTML5 vēsturi, tas būtu malā.
Bet
Galvenais raksts ir šeit. Raksts turpinās šeit.
Tā kā šo tagu izmanto vairākkārt, tas var mulsināt. Ja paturat prātā, ka tas ir “sekundārs saturs” un ka tam ne vienmēr jābūt sānjoslai, jums ir labāks priekšstats par tā izmantošanu.
7.
Daudzās vietnēs ir informācija, kas ir jāparāda, bet ne pamanāmi. Varbūt tā ir fotoattēla informācija par autortiesībām. Vai arī smalkā drukāšana konkursā. Šāda veida informācija ir tieši tāda, kāda ir detalizētās informācijas tags.
Lietojot informācijas tagu, tiek izveidots slēpts teksts, kuru var viegli parādīt. Šis ir piemērs:
Noklikšķiniet šeit, lai redzētu informāciju.
Šeit ir sīkāka informācija, kas jums uzreiz nav nepieciešama.
Vienkārši noklikšķiniet uz bultiņas, lai iegūtu sīkāku informāciju. Vienkārši. To izveidot ir tikpat vienkārši. Iepriekš aprakstītajā piemērā izmantots kods:
Noklikšķiniet šeit, lai redzētu informāciju. Šeit ir sīkāka informācija, kas jums uzreiz nav nepieciešama.
tags nosaka teikumu, kas tiks parādīts, bet pārējais saturs ir paslēpts. Ņemiet vērā, ka informācijas sadaļā varat izmantot citus tagus: virsrakstus, sadaļas utt.
Ir arī citi foršas lietas, ko varat darīt ar HTML 8 izcili HTML efekti, kurus ikviens var pievienot savai vietneiLai izveidotu izdomātu vietni, jums nav jāzina CSS vai PHP. Izmantojiet šos lieliskos HTML trikus, lai radītu satriecošus efektus. Lasīt vairāk arī tad, ja nezināt daudz CSS vai JSON.
8-9. un
Neuztraucieties, tags, kuru jūs izmantojāt gadiem ilgi, nepazūd. apiet attēla tagu un ļauj pārlūkam uzzināt, ka tas ir patstāvīgs attēls, diagramma, kodu saraksts vai cits attēls.
Ja skaitlis tiek noņemts no lapas, tas neietekmēs satura plūsmu.
iet attēla tagā un norāda attēla parakstu. Tas varētu izskatīties apmēram šādi:
Šis ir mūsu logotips!
Tas dod iebūvētu veidu, kā attēliem pievienot parakstus. Jums vairs nav jāiet cauri savai CMS.
Izmantojiet HTML5 spēka priekšrocības
Jaunie HTML5 elementi pieliek daudz enerģijas, semantiskiem nolūkiem. Formatēšanai, skalāriem mērījumiem, uzdevuma gaitai un citam ir papildu elementi. Tu vari redzēt visi jaunie elementi W3Schools.
Bet, ja jūs varat apgūt šos deviņus, jums būs labs veids, kā labi izmantot HTML5. Un, ja esat iesācējs HTML, noteikti apskatiet šie koda piemēri 17 vienkārši HTML koda piemēri, kurus varat iemācīties 10 minūtēsVai vēlaties izveidot pamata vietni? Uzziniet šos HTML piemērus un izmēģiniet tos teksta redaktorā, lai redzētu, kā tie izskatās jūsu pārlūkprogrammā. Lasīt vairāk !
Vai esat sācis lietot HTML5? Kurus jaunos elementus jūs uzskatāt par visnoderīgākajiem? Dalieties savās domās komentāros zemāk!
Dann ir satura stratēģijas un mārketinga konsultants, kurš palīdz uzņēmumiem radīt pieprasījumu un ved. Viņš arī blogus par stratēģiju un satura mārketingu vietnē dannalbright.com.
