Htaccess    html   Php    javascript   Asp   css    maths  Past Questions  Practice Tests Online

Html meta tag code learning guide 2012 Donate at flattr Flattr this





Alert! Connect with 10,000 Chating Online. Join Now

Html meta


Learn html meta codes and tags using the sample below.

Html meta

META

CODE
<META NAME="" CONTENT="">

<META HTTP-EQUIV="" CONTENT="">

EXPLANATION

Other than the above syntax, there is no real standard for META tags. There are certain named METAs currently in use that are accepted and recognized by various web servers and browsers. However, you can make up one of your own, name it anything you want, and it would still be a valid META tag.

HTTP-EQUIV meta tags are considered "equivalent" to actual HTTP headers passed during transfer across the Internet. This gives you the ability to add custom information to the HTTP header for the current file.


META HTTP-EQUIV="Content-Type"

This identifies the nature of the current file's contents, and is "equivalent" to the HTTP header "Content-Type". Conforming HTML documents are "text/html; charset=ISO-8859-1". International language documents would be "text/html; charset=ISO/IEC:10646"

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

META HTTP-EQUIV="REFRESH"

This provides a way to automatically re-direct a browser to another URL after a specified number of seconds. The syntax is: an integer for the seconds, followed by a semi-colon, followed by URL= then the URL address. The URL can be relative or absolute.

<META HTTP-EQUIV="REFRESH" CONTENT="10; URL=filename.htm">

META NAME="ROBOTS"

This is a site-management meta tag that enables you to control how and if search engine spiders can navigate your web site. There are three valid entries for content, listed in order, from the most restrictive to the least restrictive:

  1. ALL - allows them to index the current page, archive a copy and follow any links found in the document.
  2. INDEX - allows them to index the current page, but nothing else.
  3. NOFOLLOW - allows them to index and archive the current page, but not follow any links contained in the document.
  4. NOINDEX - prevents any visiting spiders from even looking at the current page.

Of course, there is no guarantee all site indexing spiders will recognize or obey this tag.

<META NAME="ROBOTS" CONTENT="NOINDEX">

META HTTP-EQUIV="no-cache"

For browsers that recognize the "no-cache" meta, this tag prevents the user agent from caching a copy of the page; which forces it to download a fresh copy from the web server each time the page is called up. This is useful if your page has any interactive content that is constantly being updated, like a random quote, or banner ad.

<META HTTP-EQUIV="no-cache">

META HTTP-EQUIV="expires"

And for the browser that doesn't understand "no-cache", there is "expires", which tells the user agent when the current page is no longer valid and a new one needs to be retrieved from the web server. Setting the date to sometime in the past will force the browser to always download a fresh copy. WebCreator puts in the date and time you began the editing, which is well past by the time you put the file on a web server.

<META HTTP-EQUIV="expires" CONTENT="Tue, 9 Jun 1998 06:39:02 UTC">

META NAME="keywords"

Keywords are a comma or space delimited list of words that sum up the topic and contents of the current page. Search engines index your page and associate it with these words in their database. When a user types in one or more of these "key" words into a search engine, the search results will list your page as matching what the user is looking for. Generally, search engines read up to 25 words from the content of this tag, if that.

<META NAME="keywords" CONTENT="keyword1,keyword2">

META NAME="description"

This is a companion to the keyword META tag. Contents should be a short paragraph summarizing the contents of the current page.

<META NAME="description" CONTENT="A description not exceeding 200 characters">

META NAME="author"

This should be self-explanatory. It merely credits the author of the current HTML document.

<META NAME="author" CONTENT="Joe Smith">

META NAME="copyright"

This should also be self-explanatory. It is the year of publication and copyright owner of the current document.

<META NAME="copyright" CONTENT="©1998 Kevin Lynn Brown">

META NAME="generator"

Not quite as self-explanatory, this tag credits the software used to compose the HTML.

<META NAME="generator" CONTENT="WebCreator 2.0">

META HTTP-equiv="PICS-Label"

The Platform for Internet Content Selection [PICS] is an infrastructure for associating labels (meta data) with Internet content. Originally designed to help parents and teachers control what children can access on the Internet, it also facilitates other uses for labels, including code signing, privacy, and intellectual property rights management.

This particular version of the tag is RSAC's and was created in response to the need to guard underaged users from accidentally accessing content of an adult nature. It functions much like motion picture ratings. Browsers that understand this META may require the user to verify their age before displaying the page.

Because several subsections of the "content" portion require in-line quotes, the entire "content" attribute is enclosed in single-quotes, so as not to confuse the user agent - your browser. The following tag has been indented to fit within the help window.

<META HTTP-equiv="PICS-Label" content='(PICS-1.1 "HTTP://www.rsac.org/ratingsv01.html" l gen true comment "RSACi North America Server" for "HTTP://www.CHANGETHIS.com/YOURPAGE.htm" on "06/08/1998 23:39:02" r (n 0 s 0 v 0 l 0))'>

All content subsections of a PICS-Label, except for the priority info, are in name and value pairs. Here is a basic breakdown of the content attribute:

CONTENT MEANING

PICS-1.1 "HTTP://www.rsac.org/ratingsv01.html"

version info and URL of the standards used to rate the page

l gen true

the priority; and the rules used are general for rating content

comment "RSACi North America Server"

a comment: who provided the rating

for "HTTP://www.CHANGETHIS.com/YOURPAGE.htm"

the URL the rating applies to
if a domain url only, rating applies to entire web site

on "1998-06-09T02:51:44-08:00"

the date the rating was generated (ISO-8601 format)

r (n 0 s 0 v 0 l 0)

r = the actual rating;
n = nudity
s = sex
v = violence
l = language
each rating is on a scale of 0-10


META HTTP-EQUIV="Content-Style-Type"

This was an earlier (HTML 3.2) method of setting the style sheet MIME-type in an HTML document. This has since been replaced by the <STYLE TYPE="text/css"> syntax, where the content type is an in-line attribute of the STYLE tag itself.

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
FYI - One additional known meta (not supported, however)...

META HTTP-EQUIV="Content-Script-Type"

Even less common is this method of specifying a script MIME-type in an HTML document. It sets the MIME type of any script encountered that lacks a LANGUAGE and/or TYPE attribute.

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/javascript">


Html meta source code

 

Html meta tutorial

Html meta code on this is provided for your study purpose, it will guide you to know how create and design a website using html. use it to practice and train your self online

All the tutorials on this site are free, the page code is provifed for you to use it to practice, if you want to help to improve and maintain this work, you can donate to us on.



Html tutorial guide and web design in easy steps


Beginners guide to html

Html tag

image

abbracro

nobr

object

css

paragraph

blockquote

table

meta

bdo

code

ol

ascii

ssi

q

divspan

address

fieldset

ul

insdel

checkbox

textformat

dl

anchor

form

All the tutorials on this site are provided for free. You can copy and print the tutorials and code on this site, but you are not allowed to reproduce this information on another website. All rights reserverd 2012
 

Css Generator    Htaccess Generator    Percentage Calculator   Area conversion

Htaccess    html   Php    javascript   Asp   css    maths  Past Questions  Practice Tests Online