Horje

How to add HTML <meta> name Attribute on HTML <meta> Tag

Use the name attribute to define a description, keywords, and the author of an HTML document. Also define the viewport to control the page's dimensions and scaling for different devices.

The name attribute specifies the name for the metadata.

The name attribute specifies a name for the information/value of the content attribute.

Note: If the http-equiv attribute is set, the name attribute should not be set.

HTML5 introduced a method to let web designers take control over the viewport (the user's visible area of a web page), through the <meta> tag (See "Setting The Viewport" example below).


Browser Support

Syntax

<meta name="value">

Attribute Values

Value Description
application-name Specifies the name of the Web application that the page represents
author Specifies the name of the author of the document. Example:
<meta name="author" content="John Doe">
description Specifies a description of the page. Search engines can pick up this description to show with the results of searches. Example:
<meta name="description" content="Free web tutorials">
generator Specifies one of the software packages used to generate the document (not used on hand-authored pages). Example:
<meta name="generator" content="FrontPage 4.0">
keywords Specifies a comma-separated list of keywords - relevant to the page (Informs search engines what the page is about). Example:
<meta name="keywords" content="HTML, meta tag, tag reference">
viewport Controls the viewport (the user's visible area of a web page).

The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.

You should include the following <meta> viewport element in all your web pages:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling.

The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).

The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.

Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag:

Tip: If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference.

index.html
Example: HTML
 <head>
  <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> 

Output should be:

How to add HTML <meta> name Attribute on HTML <meta> Tag



Single Articles
How to create HTML <meta> TagHTML Tag
How to Define keywords for search engines HTML <meta> TagHTML Tag
How to Define a description of your web page HTML <meta> TagHTML Tag
How to Define the author of a page HTML <meta> TagHTML Tag
How to Refresh document every 30 seconds <meta> TagHTML Tag
How to set Setting the viewport to make your website look good on all devices HTML <meta> TagHTML Tag
How to add Setting the Viewport HTML <meta> TagHTML Tag
How to add HTML <meta> charset Attribute on HTML <meta> TagHTML Tag
How to add HTML <meta> content Attribute for HTML <meta> TagHTML Tag
How to add HTML <meta> http-equiv Attribute on HTML <meta> TagHTML Tag
How to add HTML content-security-policy on <meta> http-equiv Attribute for HTML <meta> TagHTML Tag
How to add HTML content-type on <meta> http-equiv Attribute for HTML <meta> TagHTML Tag
How to add HTML default-style on <meta> http-equiv Attribute for HTML <meta> TagHTML Tag
How to add HTML refresh on <meta> http-equiv Attribute for HTML <meta> TagHTML Tag
How to add HTML <meta> name Attribute on HTML <meta> TagHTML Tag
How to add HTML application-name for <meta> name Attribute on HTML <meta> TagHTML Tag
How to add HTML author for <meta> name Attribute on HTML <meta> TagHTML Tag
How to add HTML description for <meta> name Attribute on HTML <meta> TagHTML Tag
How to add HTML generator for <meta> name Attribute on HTML <meta> TagHTML Tag
How to add HTML author for <meta> name Attribute on HTML <meta> TagHTML Tag
How to add HTML viewport for <meta> name Attribute on HTML <meta> TagHTML Tag
Basic HTML Meta TagsHTML Tag
OpenGraph Meta TagsHTML Tag
Create Custom Meta TagsHTML Tag
Company/Service Meta TagsHTML Tag
Apple Meta TagsHTML Tag
Internet Explorer Meta TagsHTML Tag
Google Meta TagsHTML Tag
TweetMeme Meta TagsHTML Tag
Blog Catalog Meta TagsHTML Tag
Rails Meta TagsHTML Tag
HTML Link TagsHTML Tag
Other Resources Meta TagHTML Tag


Related Articles
What is HTML <!--...--> Tag HTML Tag
What is HTML <!DOCTYPE> Declaration HTML Tag
What is HTML Elements and Doctypes HTML Tag
What is HTML <a> Tag HTML Tag
What is HTML <abbr> Tag HTML Tag
What is HTML <acronym> Tag HTML Tag
What is HTML <address> Tag HTML Tag
What is HTML <applet> Tag HTML Tag
What is HTML <area> Tag HTML Tag
What is HTML <article> Tag HTML Tag
What is HTML <aside> Tag HTML Tag
What is HTML <audio> Tag HTML Tag
What is HTML <b> Tag HTML Tag
What is HTML <base> Tag HTML Tag
What is HTML <basefont> Tag HTML Tag
What is HTML <bdi> Tag HTML Tag
What is HTML <bdo> Tag HTML Tag
What is HTML <big> Tag HTML Tag
What is HTML <blockquote> Tag HTML Tag
What is HTML <body> Tag HTML Tag
What is HTML <br> Tag HTML Tag
What is HTML <button> Tag HTML Tag
What is HTML <canvas> Tag HTML Tag
What is HTML <caption> Tag HTML Tag
What is HTML <center> Tag HTML Tag
What is HTML <cite> Tag HTML Tag
What is HTML <code> Tag HTML Tag
What is HTML <col> Tag HTML Tag
How to create HTML <colgroup> Tag HTML Tag
What is HTML <data> Tag HTML Tag
What is HTML <datalist> Tag HTML Tag
What is HTML <dd> Tag HTML Tag
What is HTML <del> Tag HTML Tag
What is HTML <details> Tag HTML Tag
What is HTML <dfn> Tag HTML Tag
What is HTML <dialog> Tag HTML Tag
What is HTML <dir> Tag HTML Tag
What is HTML <div> Tag HTML Tag
What is HTML <dl> Tag HTML Tag
What is HTML <dt> Tag HTML Tag
What is HTML <em> Tag HTML Tag
What is HTML <embed> Tag HTML Tag
What is HTML <fieldset> Tag HTML Tag
What is HTML <figcaption> Tag HTML Tag
What is HTML <figure> Tag HTML Tag
What is HTML <font> Tag HTML Tag
What is HTML <footer> Tag HTML Tag
What is HTML <form> Tag HTML Tag
What is HTML <frame> Tag HTML Tag
What is HTML <frameset> Tag HTML Tag
What is HTML <h1> to <h6> Tags HTML Tag
What is HTML <head> Tag HTML Tag
What is HTML <header> Tag HTML Tag
What is HTML <hgroup> Tag HTML Tag
What is HTML <hr> Tag HTML Tag
What is HTML <html> Tag HTML Tag
What is HTML <i> Tag HTML Tag
What is HTML <iframe> Tag HTML Tag
What is HTML <img> Tag HTML Tag
What is HTML <input> Tag HTML Tag
What is HTML <ins> Tag HTML Tag
What is HTML <kbd> Tag HTML Tag
What is HTML <label> Tag HTML Tag
What is HTML <legend> Tag HTML Tag
What is HTML <li> Tag HTML Tag
What is HTML <link> Tag HTML Tag
What is HTML <main> Tag HTML Tag
What is HTML <map> Tag HTML Tag
What is HTML <mark> Tag HTML Tag
What is HTML <menu> Tag HTML Tag
What is HTML <meta> Tag HTML Tag
What is HTML <meter> Tag HTML Tag
What is HTML <nav> Tag HTML Tag
What is HTML <noframes> Tag HTML Tag
What is HTML <noscript> Tag HTML Tag
What is HTML <object> Tag HTML Tag
What is HTML <ol> Tag HTML Tag
What is HTML <optgroup> Tag HTML Tag
What is HTML <option> Tag HTML Tag
What is HTML <output> Tag HTML Tag
What is HTML <p> Tag HTML Tag
What is HTML <param> Tag HTML Tag
What is HTML <picture> Tag HTML Tag
What is HTML <pre> Tag HTML Tag
What is HTML <progress> Tag HTML Tag
What is HTML <q> Tag HTML Tag
What is HTML <rp> Tag HTML Tag
What is HTML <rt> Tag HTML Tag
What is HTML <ruby> Tag HTML Tag
What is HTML <s> Tag HTML Tag
What is HTML <samp> Tag HTML Tag
What is HTML <script> Tag HTML Tag
What is HTML <search> Tag HTML Tag
What is HTML <section> Tag HTML Tag
What is HTML <select> Tag HTML Tag
What is HTML <small> Tag HTML Tag
What is HTML <source> Tag HTML Tag

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin



Share on: