programmering

Hva er nytt i HTML5? 9 elementer du trenger å vite

Hva er nytt i HTML5? 9 elementer du trenger å vite / programmering

HTML5 er den nyeste og beste Hva er HTML5, og hvordan endrer den måten jeg søker på? [MakeUseOf Forklarer] Hva er HTML5, og hvordan endrer den måten jeg bla gjennom? [MakeUseOf Forklarer] I løpet av de siste årene har du kanskje hørt begrepet HTML5 hver gang en gang. Uansett om du vet noe om webutvikling eller ikke, kan konseptet være litt nøysomt og forvirrende. Åpenbart, ... Les mer versjon av det mest brukte markup-språket på nettet. Det er noen store endringer fra den siste versjonen av språket, og hvis du ikke bruker dem, går du glipp av noen veldig kule funksjonalitet.

Vi har ikke plass til å dekke hvert nytt element i den femte versjonen av HTML, men disse ni er noen av de viktigste. For mer informasjon om de nye elementene og APIene i HTML5, sørg for å sjekke ut W3Schools.

En introduksjon til semantiske elementer

Som mye av internett har HTML5 flyttet til å fokusere på semantikk. Nå, i stedet for tagger som bare brukes til formatering, er de også vant til å fortelle nettlesere og søkemotorer Topp 7 Semantiske søkemotorer som et alternativ til Google Top 7 Semantic Search Engines som et alternativ til Google Les mer betydningen av det de omgir.

For eksempel,

forteller bare en nettleser at den inneholder et avsnitt.

, som vi skal diskutere øyeblikkelig, forteller en nettleser at den inneholder hovedinnholdet på siden.

Den semantiske banen utvikler seg fortsatt, og vi har bare begynt å klø på overflaten av hva den kan gjøre. HTML5 bidrar til å bringe semantisk markering Hva Semantisk Markup er og hvordan det vil forandre Internett for alltid [Teknologi forklart] Hva Semantisk Markup er og hvordan det vil forandre Internett for alltid [Teknologi forklart] Les mer til en mye større del av internett, og det kan bare være bra for fremtiden for semantisk behandling.

1.

De

tag definerer “uavhengig, selvstendig innhold.” Det enkleste eksemplet er selvfølgelig en artikkel. For denne spesifikke artikkelen vil vi åpne taggen før introduksjonen og lukke den etter konklusjonen.

 All teksten i det selvstendige avsnittet.

Men det er andre måter du kan bruke det også. For eksempel inneholder mange matlagingsblogger personlige historier om hvordan en oppskrift kom til, eller hvorfor det er viktig for forfatteren. Det blir deretter etterfulgt av oppskriften selv. Du kan argumentere for at hvert av elementene kan stå alene.

I et forum kan hver post eller tråd betraktes som selvstendig, og hver kunne merkes med sin egen

stikkord. For det meste vil den bli brukt på hovedinnholdet på en side. Men vær oppmerksom på at du kan bruke den også mer kreativt.

2.

Nært knyttet til

er
. Dette definerer a “tematisk gruppering av innhold, typisk med en overskrift.” Så
vil være inne
… Ikke sant?

Ikke nødvendigvis. W3 påpeker at det avhenger av strukturen på nettstedet ditt. Du kan ha selvstendig innhold i ulike deler av siden din (tenk på forsiden på en nyhetsside, for eksempel). Det kan hende du har seksjoner i denne artikkelen.

 
 
Hvorfor trenger du en DAC
 
Alt høres bedre ut.
 
 
 
Hvordan sette opp en DAC
 
Her er hva du trenger å gjøre ...

Du kan til og med ha seksjoner i seksjoner hvis den passer til siden din. Husk at en seksjon bare er a “tematisk gruppering av innhold,” og du finner mange steder å bruke den.

3.

Dette elementet “bør brukes som en beholder for innledende innhold.” Kort sagt, det er den delen av siden din som hjelper folk å forstå hva de skal lese.

Men vær ikke lurt - du kan bruke denne beholderen mer enn en gang. For eksempel kan du bruke den til å identifisere sidetittel og innledende avsnitt i blogginnlegget ditt. Men du kan også bruke den til å markere det innledende innholdet for hver seksjon også.

 
 
Alt du trenger å vite om DACs
 
Her er en nyttig introduksjon til DACs ... 
 
 Resten av artikkelen din går her.

Header seksjoner inneholder vanligvis minst en overskrift tag - H1, H2, og så videre. De trenger ikke, men generelt, hvis du bruker en overskriftskode, er det et godt valg at du inkluderer innhold i header.

4.

W3 sier at bunntekstene vanligvis inneholder “forfatter av dokumentet, opphavsrettsinformasjon, linker til bruksvilkår, kontaktinformasjon, etc..” Du kan tenke på det som “renhold” ting.

Dokumentasjonen sier også at du kan ha mer enn en bunntekst på siden din. Det er sannsynligvis en god ide å holde all denne informasjonen på ett sted.

5.

Denne taggen inneholder navigasjonskoblingene for en gitt side. Merk at bare navigasjonsseksjonen får denne taggen, ikke alle koblingene på siden din. Det er for navigasjonsbjelker og lignende verktøy.

Dette er en veldig enkel tag - det er alt der er til det. Bruk den til å definere navigasjonsseksjonen, og bruk den ikke på nytt på siden din.

6.

Et av de mest interessante nye elementene i HTML5 er bortsett fra. W3 gir det den noe unhelpful definisjonen av “noe innhold bortsett fra innholdet det er plassert i.”

Kort sagt, en side er alt som er relatert til (men skille fra) den omkringliggende informasjonen. Det kan være et sidebar som legger til detalj i innholdet ditt. Når den brukes i et sett av

koder, gir det tilleggsinformasjon som ikke er nødvendig for forståelsen av hovedinnholdet.

Hvis vi for eksempel hadde tatt med et sidebjel i denne artikkelen som gir informasjon om HTML5-historien, ville det være en side.

Men