1<head lang="en">
2 <meta http-equiv="content-language" content="en">
3 <meta charset="UTF-8">
4 <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 <meta name="keywords" content="website, blog, foo, bar">
6 <meta name="author" content="John Doe">
7 <meta name="publisher" content="John Doe">
8 <meta name="copyright" content="John Doe">
9 <meta name="description" content="This short description describes my website.">
10 <meta name="page-topic" content="Media">
11 <meta name="page-type" content="Blogging">
12 <meta name="audience" content="Everyone">
13 <meta name="robots" content="index, follow">
14
15 <title>My website title</title>
16</head>
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="UTF-8"><!-- ensures the character encoding -->
5<meta name="keywords" content="give a short or mid description about the content keywords of your website">
6<meta name="description" content=""give a short or mid description about the contents of your website">
7<meta name="author" content="write the name of the author of the webpage">
8<meta name="refresh" content="50"><!-- writing this code will make sure the browser refreshes after every 50seconds -->
9<meta http-equi="refresh" content="5; url="write the url of your website"><!-- writing this code, the browser will automatically redirect to the given page after the provided time , in this case it is 5seconds -->
10<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- this makes sure that the webpage is supported on all devices -->
11</head>
12<body>
13</body>
14</html>
15
1The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data.
2
3<meta> tags always go inside the <head> element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.
4
5Metadata will not be displayed on the page, but is machine parsable.
6
7Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.
8
9There is a method to let web designers take control over the viewport (the user's visible area of a web page), through the <meta> tag (See "Setting The Viewport" example below).