Results tagged DOCTYPE
Arrrgg!!! Why is this such a problem? I see way to often in websites that I visit, an improper DOCTYPE statement in the website/pages. When I visit a website and see something that I like in regards to a style, JavaScript, layout, or an aspect of that page that's not related to the content(content is just reading material). I will view the source code to see how it was accomplished. More often than not the page looks good but follows no Web 2.0 standards or compliance at all.
The first mistake I will see is the doctype statement which will look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN">
This declaration has no meaning and absolutely no purpose. I might as well start creating my own HTML tags in my documents if this is how to do things.
<div class="content">
<circle>Round things</circle>
<hamburger>A hamburger is sometimes a circle.</hamburger>
<puck>A hockey puck is a circle.</puck>
<friends>A circle of friends.</friends>
</div>
Using a document type properly is a way of following a form and a standard for Web 2.0 compliance. The proper way of declaring a DOCTYPE in your web pages is by referencing a .dtd(document type definition) like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This declaration is actually calling a cross-browser and standards based Web 2.0 infrastructure of style, layout, and functionality.
The 2nd thing I will notice is the use of HTML Tables. Ouch!!
The first mistake I will see is the doctype statement which will look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN">
This declaration has no meaning and absolutely no purpose. I might as well start creating my own HTML tags in my documents if this is how to do things.
<div class="content">
<circle>Round things</circle>
<hamburger>A hamburger is sometimes a circle.</hamburger>
<puck>A hockey puck is a circle.</puck>
<friends>A circle of friends.</friends>
</div>
Using a document type properly is a way of following a form and a standard for Web 2.0 compliance. The proper way of declaring a DOCTYPE in your web pages is by referencing a .dtd(document type definition) like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transistional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This declaration is actually calling a cross-browser and standards based Web 2.0 infrastructure of style, layout, and functionality.
The 2nd thing I will notice is the use of HTML Tables. Ouch!!
More : DOCTYPE's and Web 2.0.
What is the DOM? The DOM is an object oriented view of HTML documents. HUH?
An HTML page is a document, within that page exists tags such as:
<body></body>, <h2></h2>, <div></div>, <span></span>
These html tags could be referred to in a few ways, such as, tags, elements, or even objects. When working with or manipulating the dom you will mostly refer to the items as elements, like when using getElementById(). But when standing back and viewing you document in greater detail these elements represent more of a life as an object. If your familiar with OOP programming you will know and an object is related to another object as are it's attributes and so on. We refer to this as a hierarchy.
In an HTML document there are elements that are on top of other elements that cause the characteristics of that element. For instance:
An HTML page is a document, within that page exists tags such as:
<body></body>, <h2></h2>, <div></div>, <span></span>
These html tags could be referred to in a few ways, such as, tags, elements, or even objects. When working with or manipulating the dom you will mostly refer to the items as elements, like when using getElementById(). But when standing back and viewing you document in greater detail these elements represent more of a life as an object. If your familiar with OOP programming you will know and an object is related to another object as are it's attributes and so on. We refer to this as a hierarchy.
In an HTML document there are elements that are on top of other elements that cause the characteristics of that element. For instance:
More : DOM (Dominate Object Model).
The strict doctype is my preference to work with. There are a hand full of doctypes to use, which can be found here. The purpose of using a doctype is for the proper rendering of web related materials in varying browsers(ie, Firefox, IE, Safari, etc). Choosing to not a use a doctype sends the browser into Quirks mode which could cause invalid markup and have the result of different browsers rendering your (X)html, css and DOM, to appear as it would in the old days of the web by an outdated browser.
One of the features that I like about the strict doctype is that it keeps me informed of what is or has been depreciated in the world of elements and attributes for HTML 4.01. A small group of these depreciated elms or attributes is the <center> element or align, background, and language attributes. The depreciated items are to be handled by the css instead of in the markup.
If you are a beginner to web development or web programming you should try using the loose.dtd, which is much more forgiving. But for the advanced developers get your web pages compliant with a strict.dtd. There are far to many sites our there in this world wide web which are not compliant or following any type of standards.
One of the features that I like about the strict doctype is that it keeps me informed of what is or has been depreciated in the world of elements and attributes for HTML 4.01. A small group of these depreciated elms or attributes is the <center> element or align, background, and language attributes. The depreciated items are to be handled by the css instead of in the markup.
If you are a beginner to web development or web programming you should try using the loose.dtd, which is much more forgiving. But for the advanced developers get your web pages compliant with a strict.dtd. There are far to many sites our there in this world wide web which are not compliant or following any type of standards.
More : Strict Doctype.
2whoa.com - NEW!!
Home
jQuery
Javascript
Archives
MLB Wallpapers
NFL Wallpapers
NBA Wallpapers
NHL Wallpapers
Flames Wallpaper
Watch Live Games!
NHL
NBA
Soccer
NFL
and more..
BMW, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Volvo, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Home
jQuery
Javascript
Archives
MLB Wallpapers
NFL Wallpapers
NBA Wallpapers
NHL Wallpapers
Flames Wallpaper
Watch Live Games!
NHL
NBA
Soccer
NFL
and more..
BMW, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Volvo, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Chicago Blackhawks
Stanley Cup
Pittsburgh Penguins
Boston Bruins
Fire & Flames
