html meta tags

 HTML let's us to specify metadata - additional important information about a document in a variety of ways. The META elements can be used to include name/value pairs describing properties of the HTML document, such as author, expiry date, a list of keywords, document author etc. The <meta> tag is used to provide such additional information. This tag is an empty element and so does not have a closing tag but it carries information within its attributes.

You can include one or more meta tags in your document based on what information you want to keep in your document but in general, meta tags do not impact physical appearance of the document so from appearance point of view, it does not matter if you include them or not.

Adding Meta Tags to Your Documents

Sr.NoAttribute & Description
1

Name

Name for the property. Can be anything. Examples include, keywords, description, author, revised, generator etc.

2

content

Specifies the property's value.

3

scheme

Specifies a scheme to interpret the property's value (as declared in the content attribute).

4

http-equiv

Used for http response message headers. For example, http-equiv can be used to refresh the page or to set a cookie. Values include content-type, expires, refresh and set-cookie.

Specifying Keywords

You can add metadata to your web pages by placing <meta> tags inside the header of the document which is represented by <head> and </head> tags. A meta tag can have following attributes in addition to core attributes −

You can use <meta> tag to specify important keywords related to the document and later these keywords are used by the search engines while indexing your web page for searching purpose.

Document Description

You can use <meta> tag to give a short description about the document. This again can be used by various search engines while indexing your web page for searching purpose.

Setting Cookies

Cookies are data, stored in small text files on your computer and it is exchanged between web browser and web server to keep track of various information based on your web application need. 

We can use <meta> tag to store cookies on client side and later this information can be used by the Web Server to track a site visitor. For example:- 

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
         
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>


Comments

Post a Comment

Popular posts from this blog

HTML Images

Image
 HTML IMAGE:-    HTML img  tag is used to display image on the web page. HTML img tag is an empty tag that contains attributes only, closing tags are not used in HTML image element. Let's see an example of HTML image. < h2 > HTML Image Example </ h2 >    < img   src = "good_morning.jpg"   alt = "Good Morning Friends" />   Attributes of HTML tags:- The src and alt are the two most important attributes of HTML image tag are given below-: (1)  ALT-:  The alt attribute defines an alternate text for the image, that can be displayed. The value of the alt attribute describes the image in words. The alt attribute is considered good for SEO prospective. (2)  SRC-: It is a necessary attribute that describes the source or path of the image. It instructs the browser where to look for the image on the server. The location of the image may be on the same directory or another service. There are two ways...
Read more

Html - Text Links, Image Links, E-mail Links

Image
  HTML - TEXT LINKS   A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks. Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images. Thus you can create hyperlinks using text or images available on a webpage. Linking Documents A link is specified using HTML tag <a>. This tag is called  anchor tag  and anything between the opening <a> tag and the closing </a> tag becomes part of the link and a user can click that part to reach to the linked document. Following is the simple syntax to use <a> tag. <a href = "Document URL" ... attributes-list>Link Text</a> The target Attribute We have used  target  attribute in our previous example. This attribute is used to specify the location where linked document is opened. Following are the possible options − Sr.No Option & Description 1 _blank ...
Read more

Html - Tables

Image
 A table is an arrangement of data in rows and columns, or possibly in more complex structure.Tables are widely used in communication, research, and data analysis. Tables are useful for various tasks such as presenting text information and numerical data. Table can be used to compare two or more items in tabular form layout. Tables are used to create databases. Defining Tables In HTML An HTML table is defined with the "table" tag. Each table row is defined with "tr" tag. A table is defined with the "th" tag. By default tables heading are bolt and centered. A table data/cell  is defined with the "td" tag.  <!DOCTYPE html>  <html>  <body>  <table style="width:100%">  <tr>  <th>Firstname</th>  <th>Lastname</th>  <th>Age</th>  </tr>  <tr>  <td>Priya</td>  <td>Sharma</td>  <td...
Read more