Meta tags are used to generate additional information in search engines. This information will not be seen, unless the user chooses 'source' from the 'View' menu, where it will have access to the HTML portion of the page.
Keywords and Description for Search Engines
Some search engines use metadata, especially the description of keywords and index web pages; Although it may not necessarily be true, keywords giving weight in addition to keywords and descriptions of a document may provide a brief summary of the page. In the following example, the meta tag defines the keywords and description of a page.
Example -
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="keywords" content="HTML, CSS, References">
<meta name="description" content="Tutorials on HTML and CSS">
<title>Defining Keywords and Description</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
<html lang="en">
<head>
<meta name="keywords" content="HTML, CSS, References">
<meta name="description" content="Tutorials on HTML and CSS">
<title>Defining Keywords and Description</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
Enable Zooming on Mobile Devices
You can use the Meta Viewport tag to zoom your websites on mobile devices.
Example -
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Enable Zooming in Mobile Devices</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Enable Zooming in Mobile Devices</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
Meta Element
The <Meta> element usually provides metadata such as the keyword, description, and author of a document last modified, and other metadata. Any number of meta elements can be placed in the HTML or XHTML document body.
Example -
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="author" content="John Carter">
<title>Defining Document's Author</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
<html lang="en">
<head>
<meta name="author" content="John Carter">
<title>Defining Document's Author</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
0 comments:
Post a Comment