The text segment below represents a website’s header or navigation bar, often shortened to “navbar.”
When an article is formatted for a webpage in plain text, a line like this can visually simulate what the top of a live website might look like. On a real website, the bracketed words become interactive links, buttons, or tabs.
What each part means
Navigation
This label indicates that the links following it are the main menu items visitors use to move around the site.
Home
The Home link takes visitors back to the website’s main or front page.
AI Art Reviews and Creator Economy
These are examples of category—or top-level—pages. Clicking one would take visitors to a hub containing articles and resources related to that topic.
Subscribe
Subscribe is a call to action, commonly called a CTA. Website headers often feature a CTA that encourages visitors to take an important next step, such as joining an email newsletter, creating an account, or signing in.
Pipe symbols
The vertical lines—called pipe symbols—act as simple visual dividers between menu links in plain-text layouts. A designed website usually creates this spacing with its layout and styling instead.
The main purpose of navigation
Good navigation should help visitors find the right information without having to guess. Menu labels should be short, understandable, and connected to real pages. Every visible navigation item should lead somewhere useful.
Explore the website as a visitor.
Select any item in the main navigation and notice how the label matches the page that opens.
View all tutorials →