MCS:HTML:XHTML: Difference between revisions

From MozillaWiki
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
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 <HX/>).
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.


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.

Revision as of 20:08, 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.

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.