This content appears on the first tab and is visible when the page loads.
The tabs change color in order to readily reveal which tab is active. Tabs are great for small amounts of information that you want displayed within a page.
The "Pros" of using Tabbed Content.
Tabs are very distinctive, if not over used and they are a great place to put bits of information that you want viewers to find easily. They are easy to navigate as most users are intimately familier with tabbed folders in filing cabintets and even novice computer usrs recoginize that different information will be in each file.
Another advantage is that tabs, like these, are developed using CSS and HTML, not graphics. This is important because text loads a lot faster than image files.
The "Cons" of using Tabbed Content.
In order to display properly, tabbed sections are not scalable. What that means is that they will be the same size regardless of the size or resolution of the monitor. If you expect your website to be viewed on smaller touch screen devices or smart phones, this can be problematic. Especially if the tabbed sections are greater that the viewing area of the computer monitor or portable device.
Another disadvantage is that tabs, are not supported by older browsers. Believe it or not, there are still people using Netscape and Internet Explorer 6. Those browsers will display the first tab only.