HTML META Tag

Hello Guys,

 HTML had many varieties of tags.Especially In this article we will dicuss about HTML <meta> Tag
<MRTA>TAG
The <meta> tag defines metadata about the HTML document. Metadata is data (information) about data. ...Metadata will not be displayed on the page but can be parsed on the computer. Browsers (how to display content or reload pages), search engines (keywords),and other web services all use metadata. 

Examples


Describe metadata within an HTML document:

<head>                                                                     
  <meta charset="UTF-8">                                                   
  <meta name="description" content="Free Web tutorials">                   
  <meta name="keywords" content="HTML, CSS, JavaScript">                   
  <meta name="author" content="John Doe">                                  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">   
</head>                                                                    

Definition and usage

The <meta> tag defines metadata about the HTML document. Metadata is data (information) about data.
The <meta> tag is always located in the <head> element and is usually used to specify the character set, page description, keywords, document author, and viewport settings.
The metadata will not be displayed on the page, but can be parsed on the computer.
Browsers (how to display content or reload pages), search engines (keywords) and other web services all use metadata.
Web designers can control the viewport (the visible area of ​​the user on the webpage) through the <meta> tag (see the "Setting Viewport" example below)

Define keywords for search engines:
<meta name="keywords" content="HTML, CSS, JavaScript">                      
Define a description of your web page:
<meta name="description" content="Free Web tutorials for HTML and CSS">     
Define the author of a page:
<meta name="author" content="John Doe">                                     
Refresh document every 30 seconds:
<meta http-equiv="refresh" content="30">                                    
Setting the viewport to make your website look good on all devices:
<meta name="viewport" content="width=device-width, initial-scale=1.0">      

RESOURCES : W3SCHOOLS
















Comments

Post a Comment

Popular posts from this blog

Understanding the Event Loop, Callbacks JS

Image
  Introduction In the early days of the internet, websites often consisted of static data on an HTML page. But now that web applications have become more interactive and dynamic, it has become increasingly necessary to do intensive operations like make external network requests to retrieve  API  data. To handle these operations in JavaScript, a developer must use  asynchronous programming  techniques. The Event Loop This section will explain how JavaScript handles asynchronous code with the event loop. It will first run through a demonstration of the event loop at work, and will then explain the two elements of the event loop: the stack and the queue. JavaScript code that does not use any asynchronous Web APIs will execute in a synchronous manner—one at a time, sequentially. This is demonstrated by this example code that calls three functions that each print a number to the console: // Define three example functions function first ( ) { console ....
Read more

Overview of HTML5 and HTML5 Features

Image
Hello Guys, In this article, We will learn about the overview of HTML5 and HTML5 Features   What is HTML5? HTML 5 HTML5 is the latest specification of HTML language, which represents a major breakthrough with previous markup practice. The purpose of making profound changes to the language is to standardize many new ways developers use it and encourage a set of best practices related to web development. Most individual changes are the result of larger goals in language design. These goals mainly include: Encourage semantic (meaningful) markup Separate design from content Promote accessibility and design responsiveness Reduce the overlap between HTML, CSS, and JavaScript Support rich media experiences without plug-ins like Flash or Java Understanding HTML5 is not only about understanding which CSS features can replace old HTML features. If you want to understand HTML5 intuitively, it is best to understand how these goals affect the development of the langua...
Read more

Overview of Google Classroom, Slack and Trello Features

Image
Hello Everyone, Today my first class in Uki. Today I learned a lot of things. In that today especially I learn about GOOGLE CLASSROOM, SLACK, and TRELLO.So in this article, we learn about those three things which I mentioned above the line. 1. GOOGLE CLASSROOM Google Classroom Google Classroom is a free web service developed by Google for schools that aims to simplify creating, distributing, and grading assignments. The primary purpose of Google Classroom is to streamline the process of sharing files between teachers and students. Features Google Classroom combines Google Drive, Google Docs, Forms and slides, and Gmail to help educational institutions use a paperless system.  Google Calendar was later integrated to help schedule deadlines, field trips, and classroom speakers. You can invite students to enter the classroom through the private database through the institution's database, and then add it to the student's user interface or automatically i...
Read more