Hva er hodet kodene?

Hva er hodet kodene?


HEAD taggen er en egenskap som ligger i HTML-koden til en webside. Mens innholdet i denne koden forblir skjult fra den gjennomsnittlige seer, kan de opplysninger innenfor det påvirke hvordan et nettsted viser informasjon og er indeksert på nettet. De fleste individer som lager nettsider, spesielt nybegynnere, har en tendens til å overse HEAD taggen fordi det ikke er nødvendig å direkte påvirke utseendet på et nettsted, det er heller ikke teknisk nødvendig for et nettsted for å fungere. Imidlertid kan elementene innenfor denne merkelappen spille en viktig rolle.

Nettstedet tittel

Et viktig element som finnes i HEAD taggen er tittelen på et dokument. Tittelen tag lar deg lage et passende navn for et nettsted som vil dukke opp på to steder; topplinjen av en nettleser, og som tittelen i søkemotorresultater. I tillegg til at en besøkende vet nøyaktig hva nettside de ser på, ved hjelp av denne koden gjør det også enklere for søkemotorer å indeksere og kategorisere et nettsted.

Hvis du vil inkludere en tittel, bør det settes inn i hodet tag; som for eksempel:

<Head>

<Title> Din Website Tittel </ title>

</ Head>

Beskriver et nettsted for søkemotorer

En annen nyttig element i HEAD taggen er evnen til å inkludere meta data, noe som gir robotsøkeprogrammer og roboter tilleggsinformasjon om et nettsted. Den metakode kan brukes til å inneholde en beskrivelse av et nettsted, nøkkelord, forfatter informasjon, og gi spesifikke instruksjoner for roboter. De mest brukte elementene i META tag er "beskrivelse" og "søkeord" som disse har vært kjent for å hjelpe robotsøkeprogrammer i nøyaktig identifisere og indeksere et nettsted i søkemotorer.

Hvis du vil inkludere meta data, sett den i hodet tag som:

<Head>

<Title> Din Website Tittel </ title>

<Meta name = "description" content = "En kortfattet beskrivelse av nettstedet">

<Meta name = "søkeord" content = "html, head tag, hva er et hode tag">

</ Head>

Praktiske Styling Metoder

Elementer innen HEAD taggen kan også spille en rolle i utformingen av en nettside og hvordan den vises i en nettleser. Stilen merket lar en designer til å lage et sentralt sted for å sette ulike design komponenter; slik som bakgrunnsfarge / bilde, tekst farge, størrelse og skrifttype. Dette er en hendig element for å bruke hvis en designer ønsker å legge mer tilpasning til en nettside i stedet for å bruke standardfontene og farger som enkelte nettlesere bruker som standard.

For å inkludere styling regler, sette inn denne koden i HEAD taggen, som så:

<Head>

<Title> Din Website Tittel </ title>

<Meta name = "description" content = "En kortfattet beskrivelse av nettstedet">

<Meta name = "søkeord" content = "html, head tag, hva er et hode tag">

<Style type = "text / css">

H1 {font-size: 12pt; font-face: "Calibri, Microsoft Sans Serif"}

</ Style>

</ Head>

Linking Eksterne kilder

LINK tag tillater en designer å etablere et forhold mellom nettstedet og en ekstern side eller et dokument. Den spesielle tag er mest brukt til å koble CSS-filer til et nettsted. CSS-filer er stilark som spesifikt definerer alle designelementer av et nettsted. I de fleste tilfeller, ved hjelp av LINK tag å knytte et nettsted med et stilark er å foretrekke fremfor å bruke STYLE tag fordi det forenkler HTML-dokument ved å holde den kortere og mindre rotete.

Hvis du vil knytte et stilark ved hjelp av denne koden, har det i hodet tag; som for eksempel:

<Head>

<Title> Din Website Tittel </ title>

<Meta name = "description" content = "En kortfattet beskrivelse av nettstedet">

<Meta name = "søkeord" content = "html, head tag, hva er et hode tag">

<Link href = "stylesheet.css" rel = "stylesheet" type = "text / css">

</ Head>