HTML meta tags allow the web developer to include metadata into an HTML document, which is, additional information about the web page. Meta tags typically use name\/value pairs describing the respective properties of the web page. These could include information such as page author, keywords list, document description, document character set, viewport, etc.<\/p>\n\n\n\n
The Example<\/p>\n\n\n\n The metadata presented in HTML meta tags will not be displayed on the page but is machine parsable such as web browsers use it to decide how to display content, a search engine can use it to retrieve the keywords, social media sites can use it for custom data or information, etc.<\/p>\n\n\n\n These are the attributes you can use in meta tags with the most common values indicated.<\/p>\n\n\n\n Define keywords for search engines:<\/p>\n\n\n\n Define a description of your web page:<\/p>\n\n\n\n Specify the character set of your web page:<\/p>\n\n\n\n Define the author of a page:<\/p>\n\n\n\n Used for responsive web design, set the viewport to make your website look good on all devices:<\/p>\n\n\n\n Specify when the web page was last edited:<\/p>\n\n\n\n<meta><\/code> tag is an empty element therefore all its information is contained in the attributes. The meta tag should be placed in the head element of the HTML document.<\/p>\n\n\n\n<!DOCTYPE html>\n<html>\n <head>\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">\n <meta name="author" content="John Doe">\n <meta name = "keywords" content = "HTML, Meta Tags, Metadata">\n <meta name = "description" content = "HTML Meta Tags explained">\n <\/head>\n<\/html><\/code><\/pre>\n\n\n\nAttributes<\/h2>\n\n\n\n
Attribute<\/strong><\/td> Value<\/strong><\/td> Description<\/strong><\/td><\/tr> charset<\/td> character_set<\/td> Specifies the character encoding for the HTML document<\/td><\/tr> content<\/td> text<\/td> Specifies the value associated with the http-equiv or name attribute<\/td><\/tr> http-equiv<\/td> content-security-policy
content-type
default-style
refresh<\/td>Provides an HTTP header for the information\/value of the content attribute<\/td><\/tr> name<\/td> application-name
author
description
generator
keywords
viewport<\/td>Specifies a name for the metadata<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n Some Examples in Practice<\/h2>\n\n\n\n
<meta name = "keywords" content = "HTML, Meta Tags, Metadata"><\/code><\/pre>\n\n\n\n<meta name = "description" content = "HTML Meta Tags explained"><\/code><\/pre>\n\n\n\n<meta charset="utf-8"><\/code><\/pre>\n\n\n\n<meta name="author" content="John Doe"><\/code><\/pre>\n\n\n\n<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes"><\/code><\/pre>\n\n\n\n<meta name="revised" content="Thursday, January 10th, 2022, 10:35 am"><\/code><\/pre>\n\n\n\n