HTML Meta Tags

       No comments

 

HTML Meta Tags









The <meta> tags in HTML provide metadata about the HTML document. Metadata is data (information) about data. <meta> tags always go inside the document's <head> tag and are typically used to specify the character set, page description, keywords, author, and other metadata.
Below is an example HTML code snippet that includes various types of <meta> tags commonly used:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> <!-- Character encoding -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Responsive design -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- Internet Explorer compatibility -->
    <meta name="description" content="This is a description of the web page"> <!-- Description for search engines -->
    <meta name="keywords" content="HTML, CSS, JavaScript"> <!-- Keywords for search engines -->
    <meta name="author" content="Your Name"> <!-- Author name -->
    <title>Document</title>
</head>
<body>
    <!-- Your content here -->
</body>
</html>

Explanation of each meta tag:

  1. Character Encoding (charset): <meta charset="UTF-8"> sets the character encoding for the webpage. UTF-8 is the most common and recommended.

  2. Viewport: <meta name="viewport" content="width=device-width, initial-scale=1.0"> sets the viewport to scale the page to the screen width, useful for responsive design.

  3. IE Compatibility: <meta http-equiv="X-UA-Compatible" content="ie=edge"> specifies that the page should be rendered using the latest rendering engine available on Internet Explorer.

  4. Description: <meta name="description" content="This is a description of the web page"> provides a brief description of the webpage, which search engines may use in search results.

  5. Keywords: <meta name="keywords" content="HTML, CSS, JavaScript"> specifies keywords for the webpage, which were historically used by search engines but are less relevant today.

  6. Author: <meta name="author" content="Your Name"> indicates the name of the author of the webpage.




Related Posts:

  • HTML ENTITIES HTML entities are codes used to represent special characters and symbols that have reserved meanings in HTML. These entities are especially… Read More
  • Anchor Tag <a> tag defines a hyperlink, which is used to link from one page to another page.Key Characteristics of HTML Anchor LinksSpecified by the … Read More
  • Heading Tags The <h1> to <h6> tags create headings in HTML.where <h1> is the biggest and most important, and <h6> is the smallest and… Read More
  • Paragraph Horizontal and Line Break Tags The <p> tag defines a paragraph.Browsers automatically add a single blank line before and after each.<p>This is a paragraph.</p&g… Read More
  • Image Tag<img> tag is used to embed(ADD) an image in an HTML page. <img src="/image.png" alt="altext"/>Key Features of the <img> TagIt's a s… Read More

0 Comments:

Post a Comment

Do leave your comments