HTML and CSS Reference
To demonstrate this, take a look at Figures 1-6 and 1-7. These figures show the same HTML web page displayed in
Google Chrome and Internet Explorer (using IE7 compatibility mode). Notice how the navigation links are inline in
Google Chrome but appear in a list in Internet Explorer.
Figure 1-6 A simple HTML web page in Google Chrome.
Figure 1-7 The same HTML web page displayed in Internet Explorer (using IE7 compatibility mode).
It is important to remember that HTML5 is still very new, and therefore, not all browsers will support the technolo-
gies that you will learn to use in this topic. Furthermore, your users will not always be running the latest versions of
their web browsers. You would be surprised how many people are still using IE6 (which was released in 2001!).
Business users are especially renowned for using outdated browsers, often because of the restrictions put in place by
IT departments. I believe that over the next few years the problem of users running outdated browsers will largely be
solved by the introduction of the automatic-update features present in many modern web browsers.
Even though some of your users may not be able to use the latest features of HTML5, you should not be scared of
using those features in your websites. As long as the core functionality of your website will work in older browsers,
you will be fine.
As you progress through the examples in this topic, I walk you through the techniques needed to fix the most com-
mon cross-compatibility issues that you will encounter.