Safekipedia

Tab (interface)

Adapted from Wikipedia ยท Discoverer experience

A screenshot showing different tabs in the GNOME Web browser.

In interface design, a tab is a special part of a screen that helps you switch between different pages or sections without opening many windows. It works like the tabs on file folders you might see in an office. These tabs make it easy to organize and move between lots of information in just one place.

Example of a tabbed interface with two sets of tabs: Horizontal tabs, at the top, allow navigation to different pages within the Wiktionary website. Vertical tabs, to the left, represent languages in which a given spelling occurs, where the selected tab shows the word jam ('already') in Esperanto.

Tabs are most often used in things like web browsers, web applications, and text editors. They can appear as a row of buttons at the top or side of the screen. Sometimes you can even drag and drop them to reorder or move them around.

They act like a clever way to keep everything tidy. Instead of having many windows open, tabs let you flip between pages quickly and easily, just like flipping through cards in a file folder. This design helps make using computers and apps much simpler.

History

The WordVision word processor for the IBM PC in 1982 was one of the first products to use a tabbed interface.

HyperTIES browser and Gosling Emacs authoring tool with pie menus on the NeWS window system

Later, Don Hopkins created tabbed window frames for the NeWS window system, allowing users to move tabs around the window. The NeWS version of UniPress's Gosling Emacs text editor in 1988 also used multiple tabs.

In 1992, Borland's Quattro Pro made tabs popular for spreadsheets. Microsoft Word started using tabs for submenus in 1993. Many web browsers, including Internet Explorer, Mozilla Firefox, Safari, and Opera, adopted tabbed interfaces by the early 2000s. Users liked using tabs for web browsing, and many new features were added over time.

Development

The way tabs work in an application depends on the tools used to build it. For example, Firefox uses a tool called GTK. Because there are no strict rules, how tabs behave can be different in each app, which might make it harder to use them all.

Tab hoarding

The tab bar on Chromium of a browser tab hoarder.

Tab hoarding is when people keep too many tabs open in their web browser. Sometimes, they open many tabs as reminders for things they need to do later, instead of using special reminder tools. They might even use many browser windows to keep things organized, but this can make things more messy.

Having too many tabs open can make a person feel stressed, distracted, and it can slow down their computer. Some people feel worried that they might lose their open tabs if the computer stops working or restarts. This can make it hard to manage information and tasks well. Browsers like Mozilla have noticed this problem and have added features to help manage tabs better, such as grouping tabs together or turning them into a list of links.

Implementations

Some tools and programs use tabs to help organize information. For example, CSS frameworks like Bootstrap, Tailwind CSS, and Foundation include tabs in their designs.

Widget toolkits such as GTK with the Notebook widget and the Adwaita library with the TabBar widget also use tabs. Qt uses the QTabWidget widget for tabs. Examples of programs that use tabs include the GNOME Text Editor, GNOME Web, and LibreOffice Writer, which has a Ribbon interface using tabs.

Images

A table of contents page created using LibreOffice Writer software.

Related articles

This article is a child-friendly adaptation of the Wikipedia article on Tab (interface), available under CC BY-SA 4.0.

Images from Wikimedia Commons. Tap any image to view credits and license.