|
HTML - Html Validation
Hi,
I am new to web designing and HTML. So just learning it as I go along. I validated my below HTML code in http://validator.w3.org/detailed.html and it threw lots of error and warning. Can anyone please help me understand this. Many Thanks HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Shears Design Website</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="shears-logo">
<img src="images/logos/ShearsDesign.jpg"/>
</div>
<div id="top-nav">
<ul>
<li> <a href="index.html">Home</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="courses.html">Courses</a></li>
<li> <a href="tutorial.html">Tutorial</a></li>
<li> <a href="contact.html">Contact Us</a></li>
<li> <a href="imp-links.html">Important Links</a></li>
</ul>
</div>
<div id="banner">
<img src="images/Banner/Banner.jpeg"/>
</div>
<div id="content">
<h1> About Shears Design</h1>
<p> Shears Design is a web design and training studio having head quaters in Los Angeles, California and offices in Asia, Europe, Canada and UK. We have worked as a freelance designer since 2006 and have been creating websites since then. Our comapny is also listedin NYSE in NY, USA and NSE in Mumbai, India. <br /> <br /> <br />The websites we design have a clean professional layout and appearance with easy to understand navigation and clean, easy to read typography so your site visitors find what they are looking for and have a positive experience visiting your site.<br /> <br /> <br /> We believe in using straightforward well tested design methods which produce sites that are pleasant to visit and easy to maintain and expand when the time comes. Our websites are based on a standard layout grid which gives our clients the ability to visualize their sites in an organized way and provides a framework to quickly and efficiently create dependable and clean websites.</p>
<p> </p>
<p>Our major clients include Microsoft, Yahoo, Apple, Google, Dell and many other well known companies in the industry. Client satisfcation is what makes our company stand outside the crowd. We believe in designing high quality websites which are stable, user friendly and easily scalable at any given point in time.</p>
<p> </p>
<p>We also provide online and offline classroom training on various subject like web designing, HTML, CSS, PHP, XML, SEO etc. You can <a href="contact.html"> contact us </a> for more information.</p>
<p> </p>
<p> </p>
</div>
<div id="right-side">
<h2> Learning resources </h2>
<p> For more learning resources, please refere the tutorial link at the top of the page. </p>
<h3> Shears Design Frameswork </h3>
<p> This is the framework we use to create websites in the training videos for Adobe Dreamwewaver, Microsoft Expression Web and the learning HTML and CSS courses. It includes the completed project templates created in the videos. The purpose of this framework is to provide you with a starting set of tools for creating websites, which you can customized to fit your needs and style. Its the toolkit we use everyday when creating websites. It works great for us and we hope it can be the start of something great for you. </p>
<p> <a href="contact.html"> Click here to contact us for more information </a> <p>
<h3> Small Business SEO Guide </h3>
<p> SEO Guide will go over what SEO is, Keyword Research, External Link Building and OnPage Optimization techniques as well as a discussion of "Black Hat" techniques to avoid. The guide will conclude with information on adding your site to Google and Bing, working with XML sitemaps and installing Google Analytics. The videos will demonstrate the On Page SEO Techniques discussed in the guide and the procedure for adding your site to Google and Bing, creating search engine site maps and adding Google Analytics to your site.</p>
<p> <a href="contact.html"> Click here to contact us for more information </a> <p>
</div>
<div id="social-media-icons">
<ul>
<li> <a href="http://www.facebook.com"> <img src="images/logos/facebook-64x64.png"/> </a> </li>
<li> <a href="http://www.twitter.com"> <img src="images/logos/twitter-64x64.png"/> </a> </li>
<li> <a href="https://plus.google.com"> <img src="images/logos/google-64x64.png"/> </a> </li>
<li> <a href="http://www.youtube.com"> <img src="images/logos/youtube-64x64.png"/> </a> </li>
<li> <a href="http://www.yahoo.com"> <img src="images/logos/yahoo-64x64.png"/> </a> </li>
</ul>
</div>
<div id="footer">
<p> ©2011 Shears Design | All Rights Reserved </p>
<p> <a href="terms-and-conditions.html"> Terms and Conditions </a></p>
<br />
</div>
</div>
</div>
</body>
</html>
Similar TutorialsCan anyone let me know what my problem is here please? Error Line 8 column 24723: document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag. ...ear:</strong> 2005</p><p align="left" > <strong>Season:</strong> Spring</p><p a When I asked my web designer to validate the site design through http://validator.w3.org/, he agreed to it. But when I tested it, there were 2 Errors, 92 warning(s) . When I enquired about it, the designer says there is nothing to worry about warnings. And as there are just 2 errors, it would not be a big problem. Is it right? How this will affect SEO? Can this be search engine friendly website? Deleted By User. Hello again, I had a problem resolved today with one of my pages. And it had to do with validating my page and the CSS. The HTML validation is done at w3.org I have come across something that has amazed me. I am a complete amateur but can't understand how I have gone this long without knowing this. What is the story with the "/>" at the end of the meta tags? Up until now my meta tages have looked like this HTML Code: <meta name="description" content="description here"> Now that I have discovered it is a good idea to validate your pages I have found that all these things are errors! It makes me write it like this to get rid of the error. HTML Code: <meta name="description" content="description here" /> Infact, everything in the head has to end with the ../> or it's an error. I have no idea why. And this whole validation thing is new to me anyway. I'd appreciate it if someone explained to me what is going on here. thank you. im pretty new still to web design but any ways yesterday i tried validation on a w3schools website and now all my images on my site are pushed to the left and im unable to align them properly and i dont know what to do to fix it any help appreciated thanks. I am not sure what I am doing wrong with this page but the validation fails. Any help? http://www.h51school.com/ I am new to HTML and am currently working on my second website. At the moment I have started to validate all of the various pages using HTML 1.0 Strict but I have run into a problem on one page that I cannot figure out. The page involved an image map with the onmouseover feature on the major links which changes the image map to give the illusion of changing the text color of the link. I was able to validate using Transitional, but if possible I would like to validate the entire site using HTML 1.0 Strict. Here is a link to the Strict page with the error: http://www.crystalhatchlings.com/MainPageV.htm There is a link to the W3C Markup Validation Site at the bottom of the page. The error deals with the the "name" attribute. If I remove or change the "name" attribute the onmouseover function does not work and when you hover your mouse over the red links they stay red. They do not change to blue. Please bear in mind that the link is to a test page and while it links to the rest of my site none of the site links back to this test page. The Transitional validated page can be found he http://www.crystalhatchlings.com/MainPage.htm If I am missing something in my post or if it is not detailed enough please forgive me. As I said I am very new to web design. Take care and have a great day.... ciao, john. Code: <META NAME="keywords" CONTENT="diet, weight loss, magic chicken diet, chicken di Error: there is no attribute "NAME". Code: <META NAME="keywords" CONTENT="diet, weight loss, magic chicken diet, chicken di Error: there is no attribute "CONTENT". Code: ss, magic chicken diet, chicken diet"> Error: element "META" undefined. Code: <embed src="http://www.magicchickendiet.com/flash_header.swf" qual Error: there is no attribute "src". here is complete list of issues, Please help me if you can . thanks. i have two radio boxes in a jsp using html and i want to make one checked based on a condition. I can do that in php but i don't know how to do that using jsp. Can anyone help me. out.println("<tr><td>Billing Model"); out.print("<tr><td><input type='radio' name='appStatusDescription'value='0' >Prepaid<br>"); out.print("' </td>"); out.print("<td><input type='radio' name='appStatusDescription'value='1'>Postpaid<br>"); out.print("' </td></tr>"); These are the two radio buttons and based on the return value of this i want either one of them checked <%if((app.getBillingModel)==0){%>prepaid checked<%}%> I'm not sure what these errors mean. I am using HTML 4.01 Strict! Errors highlighted in red. 1) Line 8, Column 77: NET-enabling start-tag requires SHORTTAG YES. js/ddaccordion.js" type=text / javascript></script> The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML. 2) Line 2, Column 12: there is no attribute "XMLNS". <html xmlns= " http://www.w3.org/1999/xhtml" xml:lang="en"> You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).... 3) Line 2, Column 52: there is no attribute "XML:LANG". <html xmlns="http://www.w3.org/1999/xhtml" xml:lang= " en"> You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).... Hi I'm new to this site and I'm having trouble trying to validate my page, I keep getting multiple errors and I'm out of ideas...can somebody help please. Thanks I keep getting these sort of errors: Line 37, Column 9: end tag for element "br" which is not open <tr></br> Line 27, Column 5: XML Parsing Error: Opening and ending tag mismatch: body line 16 and br </br> Line 37, Column 9: XML Parsing Error: Opening and ending tag mismatch: tr line 37 and br <tr></br> Line 54, Column 18: XML Parsing Error: Opening and ending tag mismatch: div line 38 and td </div> </td></tr> HTML Code: <?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" >
<head>
<title>Megan Fox</title>
<meta name="Author" content="Jean Paras" />
<meta name="Keywords" content="Megan Fox, Jennifer's Body, Article" />
<meta name="Description" content="A website for my courswork which is based on a Megan Fox article" />
<link href="mainstyle.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
</style>
</head>
<body>
<table border= "15" width = "800" >
<tr><td><div class="navigation">
<a href="index.html">MAIN</a> |
<a href="meganfox.html">MEGAN FOX</a> |
<a href="morefox.html">MORE ON FOX</a> |
<a href="gallery.html">GALLERY</a> |
<a href="links.html">USEFUL LINKS</a> |
</div>
</td></tr>
</table></br>
<table border= "15" width = "800" ><tr>
<td><h1>MEGAN FOX</h1></td>
</tr><tr>
<td><a href="meganfox.html"><img src="megan-fox.jpg" alt="Go To Article" /></a>
</td></tr>
</table>
<table border= "15" width = "800" >
<tr></br>
<td><div class="navigation">
<a href="index.html">MAIN</a> |
<a href="meganfox.html">MEGAN FOX</a> |
<a href="morefox.html">MORE ON FOX</a> |
<a href="gallery.html">GALLERY</a> |
<a href="links.html">USEFUL LINKS</a> |
<div id="footer">
<p id="footer-copyright">
©2009. All Rights Reserved.
<br id="footer-neado"/>
Article/Images Provided By: <a href="http://www.totalfilm.com/">Total Film Magazine</a><br />
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="Valid CSS!" /></a></p>
</div></td></tr>
</table>
</body>
</html>
I am having problem in validation of http://www.outsourcingi.com/articles.php Following three things are creating problems: Line 16, column 6: end tag for element "HEAD" which is not open . Line 17, column 5: document type does not allow element "BODY" here . Line 83, column 76: cannot generate system identifier for general entity "cat" . Please see if you can help me. thank you My html is attached, I was wondering what I can do to fix what is wrong with my website! I can't see anything, but I do know that two of the buttons don't work, most likely because of the website not being validated. Any help is appreciated! BTW, just remove the .txt for it to become an html doc. to validate it just try this: http://validator.w3.org/ I don't know what the errors mean: HTML Code: No Character Encoding Found! Falling back to UTF-8. None of the standards sources gave any information on the character encoding labeling for this document. Without encoding information it is impossible to reliably validate the document. As a fallback solution, the "UTF-8" encoding was used to read the content and attempt to perform the validation, but this is likely to fail for all non-trivial documents. Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document. Unable to Determine Parse Mode! The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because: the MIME Media Type (text/html) can be used for XML or SGML document types No known Document Type could be detected No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document. No XML namespace (e.g <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">) could be found at the root of the document. As a default, the validator is falling back to SGML mode. No Character encoding declared at document level No character encoding information was found within the document, either in an HTML meta element or an XML declaration. It is often recommended to declare the character encoding in the document itself, especially if there is a chance that the document will be read from or saved to disk, CD, etc. See this tutorial on character encoding for techniques and explanations. Validation Output: 1 Error Line 1, Column 1: end of document in prolog ✉ This error may appear when the validator receives an empty document. Please make sure that the document you are uploading is not empty, and report any discrepancy. Hello I am a newbie in html. I was asked to design a html web page that includes cliend side validation for an entry form. my design is as below: <table width="75%" border="3" cellspacing="0" cellpadding="8"> <tr> <td><font color="#000000">Please fill in all the required fields </font></td> </tr> <tr> <form name="register" action=""> <td width="25%" bgcolor="#CCCCCC" colspan="2"> <p>First Name<br> <input type="text" name="textfield" width="200%"> </p> <p>Last Name<br> <input type="text" name="textfield" width="200%"> </p> <p>Username<br> <input type="text" name="textfield" width="200%"> </p> <p>Password<br> <input type="password" name="textfield2" width="200%"> </p> <p>Email<br> <input name="textfield" type="text" value="" width="200%"> </p> <p><input name="" type="checkbox" accesskey=""> I am happy to be Emailed </p> <p> <input type="submit" name="Submit" value="Submit" > </p></td> </form> </tr> </table> How can I validate it? should i use java?php or ...? thanks Hi, i have one question about the RSS feed which is generating Joomla using; mod_syndicate. I installed a module which allows me to bring it into the frontpage (just a picture with the link to the feed), but when i check the validity of html at http://validator.w3.org i get an error on this link, i dont understand what this should mean or why it returns this error but hopefully someone can explain me this and help . This is the link to the feed: http://www.3d-sphere.com/?format=feed&type=rss This is the line of code with the image\link on the front page (on this line is also the error): <a type="application/rss+xml" rel="alternate" href="http://www.3d-sphere.com/?format=feed&type=rss"> And here is the report from validity: http://validator.w3.org/check?uri=http://3d-sphere.com any advice would be great, thx, Tomas Hi, I am trying to accurately code a swf header into my website. I don't have the knowledge to arrange the code so it passes html validation. The following link will take you to the site and validation results. http://validator.w3.org/check?uri=ht...sale.net.au%2F And here a link to the website http://www.bikesforsale.net.au Any help or guidance will be gratefully received Cheers Ron A validated my html with w3's validator. I don't know what is worng. HTML Code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Tyilo's chat
</title>
<link rel="shortcut icon" href="chat.ico">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="http://tyilo.jbusers.com/">
<style type="text/css">
body
{
background-image: url("http://tyilo.jbusers.com/back.png");
}
h1
{
color: #00FF00;
font-family: Impact;
font-size: 50px;
text-align: center;
}
h2
{
color: #00FF00;
font-family: Impact;
font-size: 35px;
text-align: center;
}
p, table
{
color: #FFFFFF;
font-family: Impact;
font-weight: bold;
font-size: 20px;
text-align: center;
}
table
{
margin-left: auto;
margin-right: auto;
}
img
{
border: none;
}
div.error
{
color: #FF0000;
}
a:link
{
color: #00FF00;
}
a:visited
{
color: #FF00FF;
}
a:active
{
color: #FF0000;
}
a:hover
{
background-color: #000000;
}
</style>
</head>
<body>
<script type="text/javascript">
if(document.URL.search(/(www)|(index.php)/i) > -1)
{
document.location = document.URL.replace("www.", "").replace("index.php", "");
}
</script>
<h2>
<a href="">
<img src="home.ico" alt="">
Home
</a>
<a href="/chat">
<img src="chat.ico" alt="">
Chat
</a>
</h2>
<hr><h1>
Tyilo's chat!
</h1>
<table>
<tr>
<th width="40%">
Login
</th>
<th width="20%">
OR
</th>
<th width="40%">
Register
</th>
</tr>
<tr>
<td>
<form action="chat/" method="POST">
<p>
<input type="hidden" name="mode" value="1">
Username:
<input type="text" name="username">
<br>
<div class='error'>No username entered!</div><br><br>
Password:
<input type="password" name="password">
<br>
<div class='error'>No password entered!</div><br><br>
<input type="submit" value="Login">
</p>
</form>
</td>
<td>
</td>
<td>
<form action="chat/" method="POST">
<p>
<input type="hidden" name="mode" value="2">
Username:
<input type="text" name="username">
<br>
<br>
Password:
<input type="password" name="password">
<br>
<br>
<input type="submit" value="Register">
</p>
</form>
</td>
</tr>
</table>
</body>
</html>
|
|||||||