Help - Search - Members - Calendar
Full Version: Is this HTML Clean
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
cleverliving
Hey guys.

Im horrible at html and was wondering if you guys could tell me if this html is clean and correct?

http://parisjourney.com/how-to-plan-a-trip-to-paris


<TABLE>
<TR> <TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-resources"><img src="http://parisjourney.com/wp-content/uploads/2015/05/travel_resources.png" alt="Travel Resources" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/best-of-paris"><img src="http://parisjourney.com/wp-content/uploads/2015/05/to_do.png" alt="Things To Do" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/things-to-do"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Best_of.png" alt="Best of Paris" width="238" height="143" border="0" /></a></TD>
</TR>

<TR>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/money-travel-guide"><img src="http://parisjourney.com/wp-content/uploads/2015/05/money1.png" alt="Getting Around Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/health-safety"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Health.png" alt="Health and Safty Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/getting-around"><img src="http://parisjourney.com/wp-content/uploads/2015/05/getting_around.png" alt="Money guide Paris" width="238" height="143" border="0" /></a></TD>
</TR>

</TABLE>






Thanks alot biggrin.gif
CharlesEF
Since you are using HTML5 you should validate your pages here. As it is now, your page reports 24 errors and 12 warnings. If you need help understanding some of the error/warning messages then post back.
Frederiek
And while you're at it, validate the CSS too at http://jigsaw.w3.org/css-validator/ .
Some CSS 3 errors and those with the universal selector * will never pass.
cleverliving
what the?

why do i validate css and html?
pandy
Simply put, you validate to find the errors. That was what you wanted, wasn't it?
Christian J
QUOTE(cleverliving @ May 23 2015, 06:06 AM) *

Im horrible at html and was wondering if you guys could tell me if this html is clean and correct?

http://parisjourney.com/how-to-plan-a-trip-to-paris

Afraid it's neither clean nor correct. sad.gif Besides the validator errors already mentioned, it's very bloated (I count to 40 javascripts and 30 stylesheets). If the HTML is generated by Wordpress it might explain this redundance.


QUOTE
<TABLE>
<TR> <TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-resources"><img src="http://parisjourney.com/wp-content/uploads/2015/05/travel_resources.png" alt="Travel Resources" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/best-of-paris"><img src="http://parisjourney.com/wp-content/uploads/2015/05/to_do.png" alt="Things To Do" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/things-to-do"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Best_of.png" alt="Best of Paris" width="238" height="143" border="0" /></a></TD>
</TR>

<TR>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/money-travel-guide"><img src="http://parisjourney.com/wp-content/uploads/2015/05/money1.png" alt="Getting Around Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/health-safety"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Health.png" alt="Health and Safty Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/getting-around"><img src="http://parisjourney.com/wp-content/uploads/2015/05/getting_around.png" alt="Money guide Paris" width="238" height="143" border="0" /></a></TD>
</TR>

</TABLE>

The code sample above is correct HTML4, except for the ending slashes in the IMG elements (that are only allowed in XHTML and HTML5). Also it's not identical with the table on the linked website.
cleverliving
great thanks guys. yes it s wordpress website and as for style sheet and java script i did not touch it. its only a purchased webstie and im not that tech savy. great to hear im not that far of with the HTML. I have only attmepted it about 5 times from what i have read on the internet and i simply pasted the html table tin the the post of wordpress page
pandy
Depends on how you see it. The table would pass as XHTML Transitional if you changed to all lower case. It would pass as HTML 4.01 Transitional if you removed the XHTML slashes. It wouldn't pass as HTML5 without a total rewrite and HTML5 is what WP uses.
Christian J
QUOTE(pandy @ May 23 2015, 09:31 PM) *

It wouldn't pass as HTML5 without a total rewrite and HTML5 is what WP uses.

(Assuming you replied to me), it should be enough to remove the ALIGN and BORDER attributes to make the table valid HTML5 (since HTML5 permits both HTML and XHTML syntax).
pandy
No, I wasn't. I was talking to the OP (the post above mine). But yes, he would need to remove those and replace them with CSS.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2024 Invision Power Services, Inc.