I'm pretty new to coding and I wanted to try out creating a website on my own. I'm just not too sure about how to use meta tags. Can I put all the attributes I want to use in one tag, are multiple required or does the amount depend on which attributes I plan to use?
I've read a little of the documentation here: https://www.w3.org/TR/2014/REC-html5-20141028/document-metadata.html#the-meta-element, and a couple questions on this site but I still don't have a clear understanding of how many to use.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Home</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="standard-theme.css" />
</head>
I just want a clear understanding of how many meta tags should be used in my document. Any help is greatly appreciated.
Meta tags describe the meta of your page
It tells the browser, screen readers and search engines how to interpret your page, what kind of information to expect and how it should work on mobile phones, among other things.
Mozilla has some good documentation about the <meta /> tag. Have a lookt at the possible properties and their values to get a better understanding.
Some interesting things to note:
charset property declares the character encoding of the pagename property can be used together with the content property.Each meta tag describes a separate meta property of the page. Most meta properties are identified by the name=<propertyName> part, which you can NOT pass multiple times.
Common examples:
<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /><meta name="theme-color" content="#000000" /><meta name="description" content="This page contains information about X and Y" />If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With