HTML meta tag

HTML <meta> tag provides metadata about the HTML document. Metadata is information about the document that is not displayed on the page but can be used by browsers, search engines and other services.

2024-08-21 16:11:06 - Sakala Code

HTML meta tag with Character Encoding

<!DOCTYPE html>
<html lang="en">
<head>
< sc remove sc text
  meta charset="UTF-8">
  <title>Character Encoding with Example</title>
</head>
<body>
  <p>HTML UTF-8 encoding.</p>
</body>
</html>

HTML meta tag with Viewport Settings

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Viewport with Example</title>
</head>
<body>
  <p>HTML meta viewport tag.</p>
</body>
</html>

HTML meta tag with Description

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="description" content="This is a sample page demonstrating the use of the meta tag for SEO.">
  <title>Description with Example</title>
</head>
<body>
  <p>HTML meta description tag.</p>
</body>
</html>

HTML meta tag with Keywords

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="keywords" content="HTML, meta tag, example, web development">
  <title>Keywords Example</title>
</head>
<body>
  <p>HTML meta keywords tag.</p>
</body>
</html>

HTML meta tag with Author

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="author" content="John Doe">
  <title>Author Example</title>
</head>
<body>
  <p>HTML meta author tag.</p>
</body>
</html>