my first HTLM5 website

[Morten]

Hi
This is my first HTML5 website and I´m not sure how to do it right.
Link: http://www.lille-web.dk

Is the html structure right ?

Strange things happens in IE8 % IE7 …. but thats what I expected :-)

[joshuanhibbert]

I can’t get the page to load.

EDIT: Looks good. I don’t see a problem with the way you have used section. The spec says that a section should have a heading first, which you have done.

[standuncan]

Its not bad IMO. I would probably replace those sections with divs myself.

[DanaB]

I’m no pro at HTML5, but it looks pretty similar to what I would have done…

My only comment, is that since you posted this on CSS-tricks and Chris is a huge proponent of psuedo-elements….your “Quick Links” section is a prime example of where you could use the :before psuedo-elements to add the “-“. That way you could get rid of jQuery all together…

[Morten]

In the aside I use the article instead of div. Every article contains a h4 and some p – is it okay not to use header around the h4
…. I don´t use them for any CSS markup!

hope you understand my English :-)

[Morten]

@DanaB
good point …. done that

[Morten]

@krysak4ever
Yep I know http://validator.w3.org/#validate_by_input the reason why I use meta charset=”windows-1252″ is because of the danish letters æøå …

[standuncan]

@krysak4ever

“in HTML5” you do not need to use the space or forward slash on those tags to close them. It’s actually preferred to have an explicit ending (<br>); however since HTML5 is backwards compatible it will accept <br />.

As more engines/browsers upgrade, there will be less backwards compatibility to my understanding and the <br /> could be interpreted as <br></br> which could leave two breaks.

[aoeui]

@Morten
I myself was using specific encoding because of my language characters
ěščřžýáíéůú

switched to UTF-8 working good too

@Standuncan
did not study this part exactly in the specs

I am used to proper syntax coding from XHTML days
sort of habit that suits me and I then produce more valid code in general

though I know HTML5 would validate almost anything, not as XHTML Strict :)

[chrisburton]

@krysak4ever To be honest, validating your code isn’t as important as you think. As long as your html is ‘readable’ by bots and makes sense.

[aoeui]

@ChristopherBurton
I know, I do not belong in the crazy camp “green = great web”

there is a ton of webs “VALID” yet ugly, with weird code mess, … you know
I use validator as a tool for debuggin html lets say ;]

[Morten]

@krysak4ever
Fore some reason that I don´t understand ….? … working on the same theme but now in Drupal 7 – http://lilleweb-development.dk/drupal7 – I´m now able to use UFT-8 and the danish letters ???

@standuncan
wauw … br … just like old days :-)

[aoeui]

@Morten
I do not understand how it works exactly but for Latin Alphabet and you can get away quite good with UTF-8

first time I worked on web in 4 different languages and was looking for separate encoding for each of them
then a colleague of mine says “hey use UTF8 wokrs fine”

to answer this for you I am not the most experienced person ;]

[Kralle]

Regarding the UTF-8 charset: Æ, Ø and Å works perfectly fine. I’m a Dane as well, and I’ve been using UTF-8 the last couple of years without having any problems. If you want to be on the safe side, you can easily convert the special characters into HTML entities:

æ becomes æ

ø becomes ø

å becomes å



Æ becomes Æ

Ø becomes Ø

Å becomes Å

As long as you remember to set your charset, I don’t think you’ll have any problems – I know I haven’t had any.

Besides that your site looks good. :-)

[Morten]

@Kralle & @krysak4ever

This is a Drupal test: http://lilleweb-development.dk/drupal7/node/26
and this is the hand coded html: http://lilleweb-development.dk/lw/

For some reason there is a problem with æøå when it is hand coded

[Author]

Posts