MCS:HTML:XHTML: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
* Do not use <Hx/> elements for headers. Use corresponding classes instead (.h1, .h2). The reason for this is that Hx elements are used for balanced SEO and not for styling. The biggest font-size in your website is not always the real title of the page. | * Do not use <Hx/> elements for headers. Use corresponding classes instead (.h1, .h2). The reason for this is that Hx elements are used for balanced SEO and not for styling. The biggest font-size in your website is not always the real title of the page. | ||
* Use HTML5 class equivalents when possible. Classes like .aside, .nav, .section, .article, .footer and .header should be used where possible. | * Use HTML5 class equivalents when possible. Classes like .aside, .nav, .section, .article, .footer and .header should be used where possible. | ||
* Use CSS2,DOM2,XHTML1.0 where possible and hack for specific engines that does not support them. | |||
Overall, the HTML code in example is intended to be a solid example of semantic HTML that should support web accessibility, be readable in text browsers like links or lynx, and work perfectly with modern web browsers with minimum code size. | Overall, the HTML code in example is intended to be a solid example of semantic HTML that should support web accessibility, be readable in text browsers like links or lynx, and work perfectly with modern web browsers with minimum code size. | ||
Latest revision as of 21:46, 24 December 2008
XHTML
The HTML code in example for the theme is XHTML 1.0 Strict compilant. The choice gives a user solid standard support accross modern browsers.
The code is intended to behave as similar and forward-compatibile with HTML5 as possible and in result is reducing traditional styling markup of several elements (like <H(1|2|3|4|5|6)/>).
Several rules:
- Do not use <Hx/> elements for headers. Use corresponding classes instead (.h1, .h2). The reason for this is that Hx elements are used for balanced SEO and not for styling. The biggest font-size in your website is not always the real title of the page.
- Use HTML5 class equivalents when possible. Classes like .aside, .nav, .section, .article, .footer and .header should be used where possible.
- Use CSS2,DOM2,XHTML1.0 where possible and hack for specific engines that does not support them.
Overall, the HTML code in example is intended to be a solid example of semantic HTML that should support web accessibility, be readable in text browsers like links or lynx, and work perfectly with modern web browsers with minimum code size.