HTML5 best practice

[magician11]

A client has this blog hosted on WordPress.com http://miliking-meanderings.com/

He wants a map that isn’t supported by their hosting, so we agreed that I would just make him a simple page with it on. For myself, I realise this is a great opportunity to see if I can get a ‘perfect’ HTML5 page.

So this is what I have so far http://travels.mynaturopathchristos.com/

How can I improve the CSS? Should I consider something like SASS for defining a centered element (margin: 0 auto; display: block) ?? Or is there a much better way to layout this centered look than I am currently doing?

There are a few errors in validation that I’m not sure how to fix… http://validator.w3.org/check?uri=http%3A%2F%2Ftravels.mynaturopathchristos.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices

It’s all displaying fine, I just want it great behind the scenes too.

thank you all!

[Paulie_D]

The validation is fine

hgroup has been deprecated…replace with a div and you’re basically done.

There isn’t a lot of CSS to comment on but I’m not sure why you have margin:0 auto on the body….it’s not doing anything unless you add a width which is pointless.

SASS isn’t anything special…just a quicker way of writing CSS which is what it outputs in the end.

[magician11]

Thank you for the feedback @Paulie_D

What control character am I missing in that embed code?

[Paulie_D]

I’m not entirely sure although it might be expecting /> as a closing there?

[magician11]

hi @traq

Thank you. good find. The page validates now.

Not sure what you mean about the http-equiv?

This is how I reference the CSS

<link rel="stylesheet" href="css/styles.css?v=1.0">

[Author]

Posts