Grow your CSS skills. Land your dream job.

my first HTLM5 website

  • # October 25, 2011 at 11:32 am

    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 :-)

    # October 25, 2011 at 6:19 pm

    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.

    # October 25, 2011 at 6:32 pm

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

    # October 25, 2011 at 9:58 pm

    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…

    # October 26, 2011 at 3:22 am

    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 :-)

    # October 26, 2011 at 3:25 am

    @DanaB
    good point …. done that

    # October 26, 2011 at 1:35 pm

    @Morten
    don’t apologise for English mate, I am not native speaker also (Czech Republic)
    who cares as long as you can tell your point :]

    WEB
    good starting point … but

    silly to ask do you know validator ? if no, use it
    http://validator.w3.org/#validate_by_input

    check code for errors ;]

    Internal encoding declaration windows-1252 disagrees with the actual encoding of the document (utf-8).

    use utf-8 isntead of windows-1252

    in HTML5 you can drop these :]


    type="text/css"
    type="text/javascript"

    +

    meta tag, same as img tag, link tag, br, hr, …
    these bad boys are solo guys, not having closing tag
    so you must close them at the end using slash /

    WRONG




    GOOD




    # October 26, 2011 at 4:06 pm

    @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 æøå …

    # October 26, 2011 at 5:02 pm

    @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.

    # October 27, 2011 at 12:57 am

    @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 :)

    # October 27, 2011 at 1:09 am

    @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.

    # October 27, 2011 at 2:20 am

    @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 ;]

    # October 27, 2011 at 3:04 am

    @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 :-)

    # October 27, 2011 at 3:15 am

    @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 ;]

    # October 27, 2011 at 9:35 pm

    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. :-)

Viewing 15 posts - 1 through 15 (of 21 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".