Other applications may include browser engines to display HTML content - for example, email clients that show HTML email use a browser engine to render messages, while apps built using a Chromium-based framework like Electron create their entire user interface using a browser engine. Safari on macOS, iOS, and iPadOS uses the WebKit engine, and Mozilla Firefox uses the Gecko browser engine. Google Chrome uses the Blink browser engine other web browsers based on the Chromium code base, like Microsoft Edge and the Brave browser, also use Blink. The Safari browser on desktop and mobile uses the WebKit browser engineĭespite the wide variety of web browsers that are available, most use one of a handful of browser engines. Updates to a browser engine can add support for new file formats, fix bugs, or support new features added to the HTML and CSS specifications. The browser engine is also closely integrated with the browser's JavaScript engine, which executes a web page's JavaScript code. In addition to laying out the elements of a web page, the browser engine also creates a document object model (DOM) for each page, which organizes each page into standard elements like its title, body, and headers. The browser engine also handles navigation between pages using hyperlinks. It translates HTML and CSS from plain text marked up with tags into the content you see on the screen - setting up the page layout, styling text, and placing images. Multiple web pages can be opened in a web browser and users can switch between them using tabs.A browser engine, also known as a rendering engine or layout engine, is a central software component in a web browser. Tabs are used in various web browsers such as Internet Explorer, Firefox, Opera, Safari etc. Tabs are sometimes related to widgets and multiple tabs allow users to switch between different widgets. It usually contains a text label or a graphical icon. TabsĪ tab is associated with a view pane. and manipulating data using check boxes, radio boxes etc. Normally, widgets are used to display lists of similar items, navigate the system using links, tabs etc. Information in an application can be directly read or influences using the graphical control elements. because clicking on them yields instant access. Using an icon is a fast way to open documents, run programs etc. can be represented using a small picture in a graphical user interface. When this is done, a menu will appear under the cursor. An example of this is pressing the right mouse button. When any option is clicked in this menu, then the pull down menu appears.Īnother type of menu is the context menu that appears only when the user performs a specific action.

A menu bar is displayed horizontally across the screen such as pull down menu. MenuĪ menu contains a list a choices and it allows users to select one from them. There are multiple types of windows in a graphical user interface, such as container window, browser window, text terminal window, child window, message window etc. Moreover, it can be moved to any area by dragging it around.In a multitasking environment, multiple windows can be open at the same time, all of them performing different tasks. It can be opened or closed with the click of an icon. This is the element that displays the information on the screen. Some of these are described in detail as follows − Window These elements define the appearance of the GUI. Graphical User Interface makes use of visual elements mostly. The below diagram provides the position of the graphical user interface with respect to the computer system − In today’s times, graphical user interfaces are used in many devices such as mobiles, MP3 players, gaming devices, smartphones etc. The graphical user interfaces were created because command line interfaces were quite complicated and it was difficult to learn all the commands in it. GUI is an interface that allows users to interact with different electronic devices using icons and other visual indicators.

Gui browser definition