HTML Help... validation errors

liunx · Jan 9, 2008

Hello, 
 
Just trying to clean my html up before I start using the html as a template for the rest of my pages on my site. I'm getting some errors that I just don't understand, and I'm hoping someone can help me understand what the errors mean. 
 
Line 9, column 6: required attribute "TYPE" not specified (explain...). 
<STYLE>BODY { 
^ 
Line 62, column 65: there is no attribute "HEIGHT" (explain...). 
...ER=0 CELLSPACING=8 CELLPADDING=3 WIDTH="738" HEIGHT="400" > 
^ 
Line 64, column 46: there is no attribute "BACKGROUND" (explain...). 
... WIDTH="150" valign="top" background="http://www.stacyinthecity.com/Manhattan 
^ 
Line 86, column 21: there is no attribute "NAME" (explain...). 
<form name="cityform"> 
^ 
Line 86, column 31: required attribute "ACTION" not specified (explain...). 
<form name="cityform"> 
^ 
Line 87, column 134: there is no attribute "VALUE" (explain...). 
...itymenu.selectedIndex].value;" value="GO" style="font-family: Verdana, Arial, 
^ 
Line 123, column 9: document type does not allow element "NOSCRIPT" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag 
<noscript> 
^ 
The page in question is <a class="postlink" href="http://www.stacyinthecity.com/city/index.htm">http://www.stacyinthecity.com/city/index.htm</a> 
 
Also, on my <a class="postlink" href="http://stacylynn.diaryland.com">http://stacylynn.diaryland.com</a> page, I'm getting an error of "unexpected `j'" on line 134, character 26. 
 
Thanks, 
StacyDetails from your Error list (<a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.stacyinthecity.com%2Fcity%2Findex.htm&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a>). 
 
The <style> tag should be <style type="text/css"> instead. 
 
The errors for height and background are browser specific attributes. This does not work in all browsers. The background image will not show up in Netscape. 
 
For more information on forms, read [this document (<a class="postlink" href="http://www.w3.org/TR/html401/interact/forms.html">http://www.w3.org/TR/html401/interact/forms.html</a>)]. Every form must have an action that is followed when the submit button is pressed. 
 
There is no attribute "value" allowed with the <select> tag. I assume that this is browser specific code. 
 
Technically, I believe that <noscript> cannot appear inside a table. In real life I would ignore that error. 
 
You need a <meta name="description" content=" describe your site here "> tag in the <head> section. Search engines pay more attention to this than the keywords tag. 
 
You could update your !DOCTYPE from HTML 4.0 to HTML 4.01 if you want. All of the !DOCTYPE line MUST be in capital letters. 
 
 
 
You ought to check your CSS as well (<a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.stacyinthecity.com%2Fcity%2Findex.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a>). 
 
Some of the errors are browser specific code. 
 
The BACKGROUND: transparent url(file:///C|/My%20Documents/My%20Pictures/NYC/none) will not work on the web! 
 
you need a closing </style> tag, and you should enclose the style code in  tags. The ending tag on javascript should be // --> instead. 
 
All numbers except zero must have the units stated: px, pt, em, or %. 
 
Check out the plain-English warnings, and correct where necessary. 
 
I would move the Style Sheet out to an external .css file, so that many pages can share the same file, and you only have to update it in one place. This also means that the style sheet only has to be loaded once per site visit, not once per page view, which speeds site delivery. This also saves Download  bandwidth. 
 
 
 
The errors on your other page (<a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fstacylynn.diaryland.com%2F&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a>) are a lot more complex. This HUGE [153] amount of errors are caused simply by putting the !DOCTYPE in lower case, so that it is not recognised. The !DOCTYPE MUST be entirely in UPPER CASE. Replace it with something like: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
 
Your error list (<a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fstacylynn.diaryland.com%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a>) will then be much easier to work with [21 errors]. 
 
Missing type="text/css" from <style> tag. 
 
Missing </style> tag again. Actually it is in the wrong place, after </script>. Move it up. 
 
Change each & to be & in every URL, to fix the entity errors. 
 
Check element nesting within the table. There are problems. 
 
Add type="text/javascript" to the <script> tags. 
 
 
This line: 
<script language="JavaScript">document.write("<a href=http://www.htmlforums.com/archive/index.php/"http://www.sitemeter.com/stats.asp?site=yuio1234" target=_top><img src="http://www.sitemeter.com/meter.asp?site=yuio1234&refer="+ escape(document.referrer)+"" border=0 alt="Site Meter"></a>");</script> </div> 
 
should be: 
<script language="JavaScript" type="text/javascript">document.write("<a href=http://www.htmlforums.com/archive/index.php/\"http://www.sitemeter.com/stats.asp?site=yuio1234\" target=_top><img src=\"http://www.sitemeter.com/meter.asp?site=yuio1234&refer="+ escape(document.referrer)+ "\" border=\"0\" alt=\"Site Meter\"></" + "a>");</script> </div> 
 
You need to escape the quotes that are part of the HTML to separate them from the quotes that are part of the javascript, escape the ampersand as shown, as well as break up the closing </a> tag in order to "hide" it. 
 
 
The CSS errors (<a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fstacylynn.diaryland.com%2F&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a>) on this site are similar to those on the other site, especially missing </style> tag, and missing comment tags, missing units, and so on. 
 
Please check all of your other pages for similar errors. If you have a blank "template" that you use as a starter for your pages, then remember to also update and validate that as well. 
 
 
Edit for typosThe first thing to do is to change all you upper case tags to lowercase ie 
 
<BODY> to <body>, 4.01 suggests u do this... would do more but getting ready for work.Thank you SO MUCH for your help. I will get to work and fix all of those errors! Thanks again! 
 
StacyWhy is it they reccomend that tags are written in lower case? 
 
I have started doing this about 1/2 year ago. I did it because I was gearing up for XML.Many months later.... 
 
 
None of these errors have been corrected. In fact, there are more errors that ever. 
 
Makes you wonder why people actually ask for help if they then ignore the answers?The first thing to do is to change all you upper case tags to lowercase ie 
 
<BODY> to <body>, 4.01 suggests u do this 
Where does the 4.01 spec. recommend this? In fact, they use upper case tags throughout the spec. when they show examples of the tags being used. I know that XHTML requests lower case because XML is case sensitive, but HTML is not case sensitive. 
The !DOCTYPE MUST be entirely in UPPER CASE. 
I was also wondering where this is stated on the W3C website. I believe you, but I've never seen it.

HTML Help... validation errors

liunx

Guest