http://edward.oconnor.cx/2009/09/using-the-html5-sectioning-elements
This blog post has a great example of how to use html5 tags in a semantically meaningful way. On Sun, 2009-09-20 at 04:37 +0100, Pavel Mocan wrote: > New update for Karma CSS and HTML. > Live at www.mpavel.ro/projects/Karma/ > > I had to change quite a lot of the HTML as it was not using the HTML5 > syntax. This way the source code brings more semantic to the whole > document and the structure of it becomes more obvious. > > The CSS file has been reduced from 400 lines of code to 200. The > 'chakra.css' file was sectioned into areas where css properties apply > to. However, I still think there is room for improvement. More general > properties should be added and things such as sub navigation menus > (months, weeks) and articles (lessons) should have the appearance > improved. > > Some notes about coding: > - With HTML5 there is no need to put in the "type" property for the > "<script>" tag. It recognises it automatically. Same for CSS. > This means you can write <script>js code here</script> and <style>css > style here</style> in html5 documents and they will be valid. > - In HTML, you are only allowed to use the same id value for only one > element on that page (it's meant to be unique). So, for example, you > can't have two <div> that have id="myElement". > - With CSS it is good to take an object oriented approach. For > example, if there are elements who need to be floating to left or > right, two classes can be created: floatLeft and floatRight. Elements > that need to float to the left will obviously have class="floatLeft". > If that element needs a big margin, it can be done in another class > .bigMargin with the element having class="floatLeft bigMargin". > > Hope eveything is fine, email me with anything (feedback, suggestions, > critic, etc) > > Regards, > Pavel M. -- Bryan W. Berry Technology Director OLE Nepal, http://www.olenepal.org _______________________________________________ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel