What About Those Tags??

DTD Tag:
This indicates in which DTD the attribute is allowed. A DTD (page Type Definition) defines the legal building blocks of an HTML page (plus XML). It defines the page structure with a list of legal elements and attributes. The declaration is the very first thing in your page, before the tag. This tag tells the browser which HTML or XHTML specification the page uses. The tag does not have an end tag!

HTML 4.01 specifies three page types: Strict, Transitional, and Frameset.
S=Strict, T=Transitional, and F=Frameset.

HTML Strict DTD:
Use this when you want clean markup, free of presentational clutter. Use this together with Cascading Style Sheets (CSS):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


HTML Transitional DTD:
The Transitional DTD includes presentation attributes and elements that W3C expects to move to a style sheet. Use this when you need to use HTML's presentational features because your readers don't have browsers that support Cascading Style Sheets (CSS):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Frameset DTD:
The Frameset DTD should be used for pages with frames. The Frameset DTD is equal to the Transitional DTD except for the frameset element replaces the body element:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">


Head Tag:
The head element can contain information about the page. The browser will not display the "head tag information" to the user and stays in the background. The following tags can be in the head section:

<base>, <link>, <meta>, <script>, <style>, and <title>

The information contained in the HEAD section of your page provides information to browsers and search engines only. In scripting, the head tag is known as the global area... meaning all scripts placed inside the head will work through out the page.

META Elements:
Meta elements provide information about a the page, and often to help search engines categorize them correctly, and are inserted into the HTML code in the format illustrated above, but are not visible to a user looking at the site.

More on METAtags.

META Redirect:
Specifies a delay, in seconds before the browser will automatically reload the page. It can specify an alternative URL to load. It is rumored that Search Engines will drop you from their listings for using this script. Placed in the head.

<meta equiv="Refresh" content="3; URL=http://site.com">

META Keywords:
Comma separated real-life words and phrases to be used by search engines to index your page. In addition to keywords, the title and page text will also be used. Avoid repeating your keywords, because somemany search engines will penalize you for this. AltaVista and Infoseek have a 1000 character limit for the keywords. Placed in the head.

<meta name="keywords" content="HTML, tags, reference, attributes">

META Expires:
The exact date and time which the page should be considered expired. An illegal date, such as "0" will be interpreted as "now". Dates must be given in GMT formatting. Search engines will honor this tag and delete your page when the expiration date is reached. Placed in the head.

<meta equiv="expires" content="Sun, 1 Jan 2010 12:00:05 GMT">

META Author:
The name of the author. Search engines do not consider the information in this tag important. Placed in the head.

<meta name="author" content="YouDonkey">

META Description:
A short description of that exact page. This is used by search engines to describe your page. If your page has very little text, is a frameset, or has extensive scripts at the top, you can use this tag to provide a description of a page for search engines. Make sure you put your most important keywords in the description so search engines can index them. AltaVista and Infoseek have a 1000 character limit for the description.

<meta name="description" content="HTML tag over view">

Body Tag:
The body tag defines the pages' visible body and contains all the contents of the page like text, images, colors, graphics, and more.

No comments:

Post a Comment