MCS:HTML:XHTML: Difference between revisions
Jump to navigation
Jump to search
(New page: == XHTML == The HTML code in example for the theme is [http://www.w3.org/TR/xhtml1/ XHTML 1.0 Strict compilant]. The choice gives a user solid standard support accross modern browsers. T...) |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 3: | Line 3: | ||
The HTML code in example for the theme is [http://www.w3.org/TR/xhtml1/ XHTML 1.0 Strict compilant]. The choice gives a user solid standard support accross modern browsers. | The HTML code in example for the theme is [http://www.w3.org/TR/xhtml1/ 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 [http://www.w3.org/TR/html5/ HTML5] as possible and in result is reducing traditional styling markup of several elements (like < | The code is intended to behave as similar and forward-compatibile with [http://www.w3.org/TR/html5/ 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. | 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.