HTML <meta> name-egenskab
Definition og brug
name Egenskaben definerer navnet på metadata.
name Egenskaben definerer content-egenskaben navnet på værdien.
ved brug af name og content egenskaben, kan bruges til at definere metadata for dokumentet ved hjælp af navn/værdi-par. Der ername Egenskaben repræsenterer typen af metadata, mens content Egenskaben bruges til at levere værdier.
Følgende tabel viser nogle fordefinerede metadata-typer.
Bemærk:Hvis der er sat http-equiv-attributtenhvis der er sat name Egenskab.
Tip:HTML5 har introduceret en metode, der lader webdesignere kontrollere viewport (brugerens synlige område på websiden) gennem <meta>-tagget (se eksemplet nedenfor om "Indstilling af viewport").
Eksempel
Brug name-attributten til at definere beskrivelse, nøgleord og forfatter for HTML-dokumentet. Definer også viewport, for at kontrollere sidens størrelse og skalering for forskellige enheder:
<head> <meta name="description" content="Gratis Web-tutorial"> <meta name="keywords" content="HTML,CSS,JavaScript"> <meta name="author" content="YK Investment"> <meta navn="viewport" indhold="bredde=på enhedens bredde, initialskala=1.0"> </head>
Syntaks
<meta name="value">
Egenskabsværdi
| Værdi | Beskrivelse |
|---|---|
| application-name | Angiver navnet på den webapplikation, som siden repræsenterer. |
| author |
Angiver navnet på forfatteren af dokumentet. For eksempel: <meta name="author" content="YK Investment"> |
| description |
Angiver beskrivelsen af siden. Søgemaskiner kan vælge denne beskrivelse til at vise i søgeresultaterne. For eksempel: <meta name="description" content="Gratis Web-tutorial"> |
| generator |
Angiver en af pakkerne brugt til at generere dokumentet (ikke brugt til håndskrevne sider). For eksempel: <meta name="generator" content="FrontPage 4.0"> |
| keywords |
Angiver en liste over nøgleord relateret til siden, adskilt med komma. Informer søgemaskiner om indholdet af siden. Tip:Brug altid nøgleord (søgemaskiner skal klassificere siden). For eksempel: <meta navn="keywords" indhold="HTML, meta tag, tag reference"> |
| viewport | Kontroller visningsporten (den brugbare del af websiden). |
Beskrivelse
Udover de seks prædefinerede metadata-typer kan der bruges metadataudvidelser. Besøg denne side for at få adgang til en opdateret liste over udvidelser:
http://wiki.whatwg.org/wiki/MetaExtensions
Nogle udvidelser bruges meget, mens andre kun har et meget specifikt brug, næsten ingen bruger dem. Robots metadata tilhører de første. HTML-dokumentforfattere kan bruge det til at fortælle søgemaskiner, hvordan de skal behandle dokumentet. For eksempel:
<meta navn="robots" indhold="noindex">
Denne metadata-type har tre værdier, som de fleste browsere genkender:
- noindex - Angiver, at denne side ikke skal indekseres
- noarchive - Angiver, at denne side ikke skal arkiveres eller cachen
- nofollow - Angiver, at der ikke skal søges videre langs links på denne side
Der er kun få tilgængelige metadataudvidelser, og udviklere bør læse den online liste for at se, hvilke der kan bruges i deres projekter.
Tip
For at fortælle søgemaskiner hvordan indholdet klassificeres og rangeres, var det tidligere det vigtigste værktøj at bruge keywords metadata. De fleste søgemaskiner lægger ikke længere så meget vægt på keywords metadata, fordi det kan misbruges til at skabe en falsk illusion af relevans mellem sideindhold og nøgleord. Hvis skabere ønsker, at deres indhold ser bedre ud for søgemaskiner, er det bedste at bruge de anbefalinger, de selv tilbyder. De fleste søgemaskiner tilbyder vejledninger til optimering af websider eller hele websteder.
Google: Søgemaskineoptimering (SEO) nybegynderguide
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn
Baidu: Baidu søgemaskineoptimeringsguide
Indstil visningsporten
Visningsporten er den brugbare del af websiden. Den varierer afhængigt af enhed – den vil være mindre på en telefon sammenlignet med en computerskærm.
Du bør inkludere følgende <meta>-element i alle websider:
<meta navn="viewport" indhold="bredde=på enhedens bredde, initialskala=1.0">
It provides instructions for the browser on how to control the page size and zoom ratio.
width=device-width Partly sets the width of the page to follow the screen width of the device (varies by device).
initial-scale=1.0 Partly sets the initial zoom level of the browser when loading the page for the first time.
This is an example of a webpage without viewport meta tag, and the same webpage with viewport meta tag:
Tip:If you are browsing this page on a mobile phone or tablet, you can click on the following two links to see the differences.
You can find more about ourResponsive Web Design - Viewport TutorialLearn more about the viewport.
Browser Support
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Support | Support | Support | Support | Support |
