The latest articles on DEV Community by G A (@g_a_57527ba95ad04385641a8). https://dev.to/g_a_57527ba95ad04385641a8 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4199520%2F4f7dd357-14ea-4012-b76a-c1198828d11a.jpg https://dev.to/g_a_57527ba95ad04385641a8 en G A Thu, 22 Oct 2026 09:45:02 +0000 https://dev.to/g_a_57527ba95ad04385641a8/html-tag-222c https://dev.to/g_a_57527ba95ad04385641a8/html-tag-222c <h2> Example </h2> <p><code>&lt;head&gt;<br> &lt;meta charset="UTF-8"&gt;<br> &lt;meta name="description" content="Free Web tutorials"&gt;<br> &lt;meta name="keywords" content="HTML, CSS, JavaScript"&gt;<br> &lt;meta name="author" content="John Doe"&gt;<br> &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;<br> &lt;/head&gt;</code></p> <h2> DEFINITION </h2> <p>A tag in HTML provides <u>metadata about a web page</u>.<br> A tag is an HTML snippet (SNIPPET refers to a small, reusable piece of source code) placed inside a HTML page's section.<br> It gives browsers and search engines hidden details about the page.</p> <h2> ATTRIBUTES </h2> <p><u>charset</u> (character-set)<br> Specifies the character encoding for the HTML document.<br> <u>content</u> (text)<br> Specifies the value associated with the http-equiv or name attribute.<br> <u>http-equiv</u> (content-type)<br> Provides an HTTP header for the information/value of the content attribute.<br> <u>name</u> (author, description, keywords)<br> Specifies a name for the metadata.</p> <h2> GLOBAL ATTRIBUTES </h2> <p>The tag also supports the <u>Global Attributes in HTML</u>.</p> <h2> SETTING THE VIEWPORT </h2> <p>The viewport is the user's visible area of a web page. It varies with the device - it will be smaller on a mobile phone than on a computer screen.<br> You should include the following element in all your web pages:<br> <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;</code></p> <h2> Examples for Attributes </h2> <p>=&gt; for author - <code>&lt;meta name="author" content="John Doe"&gt;</code><br> =&gt; for description - <code>&lt;meta name="description" content="Free Web tutorials for HTML and CSS"&gt;</code><br> =&gt; for keywords(search engines) - <code>&lt;meta name="keywords" content="HTML, CSS, JavaScript"&gt;</code></p> <p><strong>References</strong><br> <a href="https://www.w3schools.com" rel="noopener noreferrer">https://www.w3schools.com</a><br> <a href="https://www.geeksforgeeks.org" rel="noopener noreferrer">https://www.geeksforgeeks.org</a></p> frontend html webdev