Hvordan bruke meta Element i HTML5

April 3  by Eliza

HTML meta elementene gir informasjon om et HTML-dokument. En nettside kan ha mange meta-elementer, eller svært få (og noen ganger ingen i det hele tatt). Når stede, må de alltid vises i dokumentet hodet. Denne artikkelen forklarer noen av de anvendelser av meta element.

meta-format og attributter

Her er et eksempel meta element:

<Meta name = "description" content = "Dette er et dokument om den meta element.">

Legg merke til at meta element er tom, og har ingen avsluttende koden. I HTML5, det er ikke nødvendig å lukke meta. Dette er en måte der HTML5 meta tag er enklere enn XHTML meta tag.

De fire som er definert for meta er

  • navn. Når stede, gir navnet attributtet et navn for metadata.
  • http-ekv. Brukes for binding verdier til HTTP-hodet av et dokument når det blir servert fra en webserver.
  • innhold. Inneholder verdien assosiert med http-equiv eller navn attributt.
  • charset. Definerer sett med tegn som brukes i dokumentet.

meta navnene som er definert av HTML5

HTML5-spesifikasjonen nevner flere mulige verdier for navnet attributtet. Disse er

  • programnavnet. Spesifiserer navnet for webapplikasjonen at dokumentet representerer. For eksempel, hvis du har opprettet en web-applikasjon som heter "Taco-matic," du kan bruke programmet-navn attributtet på sider i dette programmet slik:

    <Meta name = "application-name" content = "Taco-matic">

  • forfatter. Gir navnet til en av forfatterne av dokumentet. Hvis dokumentet har flere forfattere, kan dokumentet ha flere forfatter meta-elementer.

  • beskrivelse. Beskriver innholdet i dokumentet. Du kan sette noe du liker i beskrivelsen meta element, men det kan bare være ett slikt element per dokument.
  • generator. Hvis dokumentet er opprettet ved hjelp av en slags HTML-side-etableringen programvare (for eksempel Dreamweaver eller Aptana Studio), ble generatormetaelement identifiserer hvilken som brukes.
  • søkeord. Inneholder en kommaseparert liste over termer som er relevante for den aktuelle siden.

I tillegg til disse navnverdier, er det også mulig for alle som har behov for å foreslå og registrere sine egne navn verdier.

Den charset meta element

Kanskje den vanligste meta element attributt er charset. Introdusert med HTML5, gir charset en rask og enkel måte å spesifisere til leseren hva tegnkoding ble brukt til å forfatte en side. Du bør alltid inneholde en charset meta tag i hver HTML5 dokument du skriver. Her er hva det ser ut som:

<Meta charset = "utf-8">

Tegnkodinger definere kartlegginger mellom tegn som vises på skjermen, og biter som er lagret på datamaskinen. Ulike tegnkodinger eksisterer for ulike alfabeter og språk (kinesisk, japansk, russisk og engelsk for eksempel) og andre tegnkodinger er mer universell.

Den vanligste tegnkoding er kjent som UTF-8, som kan kode over 1 million forskjellige karakterer.

Ved hjelp av http-equiv metaelementer

Du kan bruke http-equiv meta element for å sende informasjon til serveren om hvordan en nettside skal serveres. I HTML-versjoner som gikk forut for HTML5, den mest vanlige bruken for http-equiv var å spesifisere tegnkoding for et dokument. Fordi dette har blitt erstattet med charset attributt, http-equiv mindre brukte (og støtt) i HTML5.

Likevel er det et par ting du kan gjøre med http-equiv. Mest vanlig er oppdaterings verdi, som forteller leseren å laste siden på nytt etter et angitt antall sekunder.

<Meta http-equiv = "refresh" content = "30">

Du kan også bruke http-equiv = "refresh" for å omdirigere en bruker til en annen URL etter et bestemt antall sekunder har gått. For eksempel følgende kode fører leseren til å vente 30 sekunder etter den siden som inneholder det lastes og deretter å laste http://www.example.com:

<Meta http-equiv = "refresh" content = "30; url = http: //www.example.com">

For mer informasjon om meta element i HTML5, gå til w3schools.com.