navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Essential w3c documents

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Community >> OutFront Discoveries >> Essential w3c documents
Page: [1]
 
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
Essential w3c documents - 4/29/2004 14:43:39   
Doctypes If you don't put in a full and proper doctype you force browsers into what is called quirks mode. The results are unpredictable. Those of you who develop sites with Internet Explorer in mind might be interested to learn that Microsoft themselves call "quirks mode" "bugs mode" and "bugwards complatible mode."

Use a full correct type at the start of EVERY page. Frontpage does not do this for you:

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Here is a list of the current doctypes for those who find it confusing to scroll down through the complete list:




HTML 4.01 Strict, Transitional, Frameset

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


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


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

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


Important note:

The template example below is taken directly from w3c's site:


<?xml version="1.0" encoding="utf-8"?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body>

<p>... Your HTML content here ...</p>

</body>
</html>


Note the text I have put in red. This is called the prolog. Because of a bug in Internet Explorer putting in the prolog will also force IE into quirks mode. You can safely omit the prolog. Your code will still validate.

Validators:

The ONLY authoriative validators are those that come from w3c themselves. Everything else is somebody's opinion of what the standards mean. Save time save money get it right use the free validation provided by w3c:

For HTML and XHTML:

http://validator.w3.org/

FOR CSS

http://jigsaw.w3.org/css-validator/


Finally get and print a copy of the specifications for:


  • HTML
  • XHTML
  • CSS1
  • CSS2


Links to all of these are on the validator page given above.

< Message edited by gorilla -- 4/29/2004 15:18:35 >


_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower


gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: Essential w3c documents - 4/29/2004 15:03:57   
And as everybody always looks blank when I say but haven't you visited w3c's quality assurance tools page here's the link to that also :) :

http://www.w3.org/QA/Tools/

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to gorilla)
BobbyDouglas

 

Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline

 
RE: Essential w3c documents - 4/29/2004 15:27:32   
When would be a good example to use each of the different doctypes?

_____________________________

Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge

(in reply to gorilla)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: Essential w3c documents - 5/1/2004 8:04:08   
Rule of thumb only:

html 4.x transitional for maximum freedom or if you have a client who wants to update themselves using frontpage with little or no experience.

html 4.x strict - as above but you want ultimately to transition to xhtml.

xhtml loose - probably the best of all especially if linking to outside sites.

xhtml strict - few if any external links, that you can put on a seperate page which is to "loose," you have a tight information architecture, and want to maximise your searxch engine accessibility.

Also of course ultimately we'll all have to go to xml so it is a good idea to at least have some experience with xhtml strict.

All of this is very "rule of thumb." Do what is best for your client is the golden rule.:)

< Message edited by gorilla -- 5/1/2004 8:04:51 >


_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to BobbyDouglas)
pageoneresults

 

Posts: 1001
From: Orange, CA USA
Status: offline

 
RE: Essential w3c documents - 5/5/2004 10:57:06   
There is also another validator that the W3C endorses.

WDG Validator

The above validator allows you to batch process up to 100 URIs from a site with their online interface. This just recently changed, it used to be only 50.

< Message edited by pageoneresults -- 5/5/2004 14:24:53 >


_____________________________

SEO Consultants Directory
Find Search Engine Marketing Companies

(in reply to gorilla)
pageoneresults

 

Posts: 1001
From: Orange, CA USA
Status: offline

 
RE: Essential w3c documents - 5/5/2004 11:01:48   
quote:

xhtml loose - probably the best of all especially if linking to outside sites.

The target attribute has been deprecated in XHMTL. Therefore, all of your external links need to open in the same window or you can use a JavaScript solution to bypass the deprecated target attribute.

Side Note: FP2002+ has an option to Apply XML Formatting Rules while previewing in HTML mode. This is a great tool but does have its bugs that you need to watch out for. Mainly character entities such as ' which it converts to '. Once you do the XML formatting, you need to do a find and replace routine and replace those ' with '.

< Message edited by pageoneresults -- 5/5/2004 11:04:02 >


_____________________________

SEO Consultants Directory
Find Search Engine Marketing Companies

(in reply to pageoneresults)
d a v e

 

Posts: 4167
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online

 
prolog (IE is an awkward git!) - 5/23/2004 6:49:52   
re: prolog thanks for that tip, my site was driving me crazy, trying to centre a div in IE wasn't working until i took out the prolog. it's only really a holding page, till i finish but you can see it here http://members.surfeu.fi/dave_pirjo/, if anyone is interested! my first bash at xhtml (strict)

_____________________________

David Prescott
Gekko web design

(in reply to pageoneresults)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: prolog (IE is an awkward git!) - 5/23/2004 8:13:52   
I'm impressed!

What does Page not found mean? :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to d a v e)
d a v e

 

Posts: 4167
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online

 
RE: prolog (IE is an awkward git!) - 5/23/2004 8:58:35   
it means that i forgot the space before the comma and it got included in the address and you didn't notice either!!
try http://members.surfeu.fi/dave_pirjo/

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
Page:   [1]

All Forums >> Community >> OutFront Discoveries >> Essential w3c documents
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts