Definere titler og koblinger i HTML-sidehodeelement - dummies

I HTML-elementet på en side du bygger for nettstedet ditt, er det to hoveddefinerende elementer. Det synlige innholdet på siden er vedlagt i taggen, og så går alt annet i hovedenheten.

Hovedseksjonen for HTML-dokument er hvor sidetittelen er definert, og også hvor koblinger til filer som HTML-siden avhenger av er definert. HTML-elementene i hovedenheten kommuniserer viktig informasjon, for eksempel navnet på nettstedet, en beskrivelse av innholdet på nettstedet og det koblede stilarket. Denne informasjonen brukes av nettleseren, søkemotorene og nettstedets besøkende.

Hovedenheten i en HTML inneholder vanligvis:

• Sidetittelen

• Lenker til CSS-stilarkfilen (e) som brukes til å formatere siden

• Nøkkelord og annet "Metadata" brukt i søkemotorer

Titler oppsummerer sidens innhold

A Sidetittel vises i tittellinjen til en nettleser eller en nettleser og i de fleste søkemotors resultatlister. Sidetitler er essensielle - de skal være kortfattede, men likevel oppsummere sidens innhold.

Her er prøvekode for en sidetittel:

Velkommen til Web Collective!

Lenker til CSS-stilark (er)

Lenker til stilark tilhører også hovedelementet på en HTML-side. Husk at formatering leveres til moderne nettsider via eksterne, tydelige, separate, koblede filer. Slik ser denne koden ut:

Syntaxen for et koblet stilark er litt forvirrende, så bry deg ned. Koden som kobler et stilark til en HTML-side er et eksempel på et ikke-beholderelement (noen ganger referert til som et tomrum). Med andre ord er det bare en åpningstegn og ingen lukkerkode. I stedet åpnes denne koblingsmerket med.

Elementer, attributter og verdier

Forresten, eller kanskje ikke så by-the-way, har HTML-elementer attributter, og disse attributter er definert med syntaks som følger attributtmodellen navn = "verdi".

For å holde fast ved eksempel på et koblet stilark, hadde linkelementet rel, href og type attributter. Disse attributter har både attributt navn (som rel, href eller type) og verdier (den spesifikke informasjonen i sitater som følger attributtnavnet).

Meta-tags

(mindre, men likevel relevante) rolle er metriske elementer i et hodeelement som formidler tilleggsinformasjon om en side, inkludert følgende: Beskrivelser og søkeord brukt av søkemotorer.

• Tilleggsinformasjon om siden, som forfatter.

• Som alt annet i HTML, utvikler rollen og verdien av metakoder. I tidligere epoker spilte metakoder for søkeord en mer viktig rolle i søkemotoroptimalisering (SEO, fremtredende og nøyaktig visning i søkemotorresultater).

Men moderne søkemotorer (og flere nye koder i HTML5) gir alternative og mer komplekse og sofistikerte kanaler for å identifisere sideinnhold og indeksere innholdet i søkemotorer. Likevel, bruk av metakoder for forfatter, beskrivelse og søkeord (fortsatt noen ganger nyttig for søkemotorer) kan fortsatt være en viktig del av HTML-hodet innhold.

Ta en titt på hva en typisk åpning for en HTML-side, inkludert hovedelementet, kan se ut.

Velkommen til webrevolusjonen

HTML-elementene i hodeelementet kommuniserer viktig informasjon, for eksempel navnet på nettstedet, en beskrivelse av innholdet på nettstedet og det linkte stilarket. Denne informasjonen brukes av nettleseren, søkemotorene og nettstedets besøkende.

Figuren avslører hvordan delene av hodeelementet kommuniserer informasjon til verden. Du kan se HTML-kildekoden for New York City-versjonen av Craigslist. com (øverst til venstre), sammen med den definerte tittelen, vises i tittellinjen til en nettleser (øverst til høyre) og den definerte beskrivelsen som den vises i Googles søkeresultat (nederst til høyre).