what is the meta tag in html code example

Example 1: html meta tags

<head lang="en">
  <meta http-equiv="content-language" content="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="website, blog, foo, bar">
  <meta name="author" content="John Doe">
  <meta name="publisher" content="John Doe">
  <meta name="copyright" content="John Doe">
  <meta name="description" content="This short description describes my website.">
  <meta name="page-topic" content="Media">
  <meta name="page-type" content="Blogging">
  <meta name="audience" content="Everyone">
  <meta name="robots" content="index, follow">
  
  <title>My website title</title>
</head>

Example 2: meta tag

The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data.

<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.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.

There 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).

Example 3: metadata html

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

Example 4: uses of meta tag attributes

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><!-- ensures the character encoding -->
<meta name="keywords" content="give a short or mid description about the content keywords of your website">
<meta name="description" content=""give a short or mid description about the contents of your website">
<meta name="author" content="write the name of the author of the webpage">
<meta name="refresh" content="50"><!-- writing this code will make sure the browser refreshes after every 50seconds -->
<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 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- this makes sure that the webpage is supported on all devices -->
</head>
<body>
</body>
</html>

Example 5: what is the meta tag in html

<!-- meta tag defines about the metadata in an html document, meta tags
     always go inside the head tag .It is typically  used to specify 
     page description, character set, keywords, author of the document 
     and viewport settings. The information we store in the meta tag
     are not displayed directly in the website but are read by the bots
     of the browsers and using this our website will be positioned in 
     the search list of the search result. To rank our website, the keyword
     content most importantly should be 'search engine optimised'(S.E.O).

 -->

Tags:

Misc Example

Recent Posts