Inleiding tot metatag in HTML
Een metatag in HTML wordt gebruikt om gegevens over uw webpagina of HTML-document te definiëren. Met behulp van een metatag kan men de beschrijving van het document definiëren, de auteursinformatie wanneer het voor het laatst is bijgewerkt, het gebruikt om details-eigenschappen van het HTML-document te geven. Metatag wordt gedefinieerd in de HTML-tag, die gedeeltelijk is opgenomen. Het is voor webontwerpers het handigst om het daadwerkelijke weergavegedeelte van de webpagina te tonen. Volledige viewportcontrole wordt door hen gedaan met behulp van metatags in HTML 5. De metatag wordt door de meeste browsers doorverwezen voor veel nuttige functies zoals het vernieuwen van pagina's, het weergeven van inhoud van webpagina's en door hen gebruikte webservices.
Syntaxis
Metatag als volgt in het hoofdgedeelte gebruikt:
In de bovenstaande syntaxis staat dat charset = "utf-8" de beste ondersteuning biedt voor het weergeven van elke vorm van taal.
Hier is nog een syntaxis voor metatag met enige waarde:
Het wordt gebruikt om de grootte van de viewport te verwerken met al zijn paginadimensiewaarde en pagina-scrollen om onze webpagina perfect in elk soort apparaat te passen.
Lijst met metatag in HTML
Er zijn verschillende soorten metatags die in HTML worden gebruikt, laten we een voor een kijken:
1. Dit is een zeer eenvoudige metatag die wordt gebruikt om elke vorm van taal te definiëren.
2. Het wordt gebruikt om de beschrijving van uw inhoud te definiëren tot 150 woorden.
3. Het wordt gebruikt om alle auteursrechten van een bepaald bedrijf te behouden.
4. Het wordt gebruikt om een samenvatting van een specifieke webpagina te definiëren.
5. Het wordt gebruikt om de auteur van uw HTML-document te definiëren.
6. Het wordt gebruikt om het URL-adres van een specifiek bedrijf te definiëren dat is gedefinieerd in het kenmerk tag.
7. Het wordt gebruikt om beoordelingen te verwerken die in ons document staan.
8. Als we ondertitels voor onze HTML-documenten willen definiëren, is het mogelijk gemaakt om deze tag te gebruiken.
9. Het wordt gebruikt om onze webpagina op het ingestelde tijdstip te vernieuwen.
10. Het wordt gebruikt om ons document te classificeren tegen een gedefinieerde entiteitswaarde.
11. Deze tag wordt gebruikt om enkele trefwoorden in de Meta-tag op te geven, zodat het mogelijk is om deze inhoud gemakkelijk in ons document te doorzoeken.
12. Deze tag wordt gebruikt om de samenvatting van ons document te definiëren.
Werken van metatag in HTML
Metatag in HTML wordt voornamelijk gebruikt om machineleesbare informatie op te nemen in ons webpagina-document dat feitelijk onzichtbaar is op de webpagina. Een andere belangrijke werking van deze tag in HTML is, met behulp van deze tag kan men gemakkelijk omleiden naar de andere webpagina met behulp van deze metatag-functie.
Er is een lijst met attributen waarop de metatag goed werkt:
1. Inhoud: inhoud in de metatag werkt als een waarde voor de opgenomen metatag.
2. Naam: Naam werkt als eigenschap voor metatag. Het komt in de vorm van details, eigenaar, trefwoorden, etc.
3. http-equiv: dit kenmerk wordt gebruikt om koptekstdetails in het document te definiëren.
4. Tekenset: het is het hoofdkenmerk in de metatag dat wordt gebruikt om tekencodering te definiëren voor het declaratiedoel in het document.
5. Schema: dit kenmerk wordt gebruikt om het schema te definiëren waarin de daadwerkelijk metatag gaat worden gebruikt. Maar dit type kenmerk wordt niet ondersteund in HTML5.
Voorbeelden op metatag in HTML
Laten we een paar voorbeelden bekijken
Voorbeeld 1
We gaan de Meta-tag gebruiken en deze wordt gelezen door het computersysteem maar kan niets zien aan de bezoekers van de webpagina.
HTML code:
Uitgang: het toont een leeg scherm als een uitvoer.
Voorbeeld 2
Hier is dit voorbeeld dat we verschillende soorten Meta-tags gaan gebruiken en de uitvoer zullen tonen, de webpagina zal op elk specifiek moment worden vernieuwd en cookies voor uw pagina worden opgeslagen en ook de vervaldatum vermelden.
HTML code:
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
EDUCBA- Alles over online certificeringcursussen
Leer grafisch ontwerpen, animatie, game-ontwikkeling, videobewerking en meer met onze online certificeringcursussen
Kies uw interessegebied en word gecertificeerd met onze online cursussen in financiën, data science, softwareontwikkeling, Excel, ontwerp, projectmanagement, persoonlijke ontwikkeling, marketing en human resources.
Uitvoer: de webpagina die wordt weergegeven in de uitvoer wordt elke 5 seconden vernieuwd.
Voorbeeld 3
Laten we een ander voorbeeld bekijken met metatags, dit zal hetzelfde zijn als hierboven, maar na het vernieuwen van de webpagina zal het omleiden naar een andere webpagina welke URL's worden vermeld in de Metatag zoals getoond in de onderstaande HTML-code:
HTML code:
Meta Tags in HTML 5
Meta Tags in HTML 5
EDUCBA- Alles over online certificeringcursussen
Output:
Conclusie
Daarom wordt een metatag in HTML gebruikt om metagegevens over HTML-documenten te definiëren. De daarin opgenomen code is een machineleesbaar formaat dat goed werkt met een webpagina maar geen inhoud op de pagina aan de bezoekers toont. Metatag met 3 verschillende soorten attributen zoals globale, element-specifieke en event handler attributen.
Aanbevolen artikelen
Dit is een gids voor metatag in HTML. Hier bespreken we de lijst met verschillende typen metatags die in HTML worden gebruikt, samen met de voorbeelden. U kunt ook de volgende artikelen bekijken voor meer informatie -
- HTML-frames
- HTML-indeling
- HTML-stijlkenmerk
- HTML-formulierelementen