Innholdsfortegnelse:
- Jelly Rancher
- Spesialiserer seg på
Maneter Akvarier - Dette er en overskrift for den første delen
- Dette er en overskrift for den andre seksjonen
Video: Curso de SEO | SEO On Page | 11 - Headers html 2024
Når du arbeider i HTML5, får du vite merker veldig bra. Du plasserer alt innholdet du vil at de besøkende skal se, alt som vil bli vist i en nettleser, i kroppen på nettsiden din, mellom åpnings- og lukkekoder.
Innen merkene kan du fortsatt bruke alle kodene fra tidligere versjoner av HTML (med noen få bemerkelsesverdige unntak).
I de seksjonene som følger, oppdager du de viktigste nye strukturelle HTML5-kodene som du kan bruke i kroppen på websidene dine. HTML5 introduserer nye strukturelle koder, som også kalles semantiske koder fordi de gir mer mening til HTML-koden ved å bedre identifisere hver type innhold de formaterer.
Her er de nye strukturelle kodene introdusert i HTML5:
-
- Definerer overskriften til en hvilken som helst seksjon eller side. Header-taggen er det ideelle stedet for navnet på nettstedet.
Her er HTML-koden som utgjør overskriften til alle de interne sidene i eksemplet Jelly Rancher-siden. Merk: Denne koden endres litt for forsiden for å imøtekomme det større bildet i overskriften.
Jelly Rancher
Spesialiserer seg på
Maneter Akvarier
-
- Definerer hovednavigasjonslinkene i en side eller seksjon. Hovednavigasjonslinkene er vanligvis plassert like etter toppteksten og deretter gjentatt nederst på siden.
Innenfor taggen følger du den vanlige konvensjonen om å formatere vår liste over koblinger med en uordnet liste, ved å bruke
-
-taggen for å omgjøre hele listen med lenker i taggene, og deretter gjøre hvert navigasjonselement til en separat liste element med
- -taggen.
-
og - Bruk disse kodene til å definere en artikkel eller en tydelig del av en side.
I eksemplet Jelly Rancher-siden er neste element hovedinnholdsdelen av siden. For denne delen av siden kan du bruke enten taggen eller taggen. Du kan bruke disse to kodene om hverandre. Dermed kan du få en seksjon med flere artikler i den. Eller du kan ha en artikkel som har flere seksjoner.
Uansett, sørg for at når du bruker disse kodene, definerer du områder på siden som går sammen på en meningsfull måte. I koden eksempelet som følger, definerer koden hovedinnholdet, og koden adskiller seksjoner i artikkelen:
Dette er en overskrift for den første delen
innhold
mer innhold …
Dette er en overskrift for den andre seksjonen
innhold
mer innhold …
-
- Definerer bunnteksten for hvilken som helst seksjon eller side.Du kan bruke taggen i en seksjon eller artikkel-tag, men den brukes mest nederst på en side. Vanligvis har bunnteksten mye juridisk tekst i den.
Du vet hvordan når du får et av disse kredittkorttilbudene i posten, har den all den lille juridiske teksten? Den semantiske ideen bak koden er den samme. I HTML5 kan du bruke den lille koden i footerbeholderen til å formatere legalese, for eksempel informasjon om opphavsrett, noe som får den til å vises i liten tekst uten å redusere sin betydning semantisk.
Du kan bruke alle merkene i den forrige listen mer enn en gang i et dokument. For eksempel kan du ha en innsiden hver. Bare vær sikker på at du aldri legger inn en annen.
- -taggen.