University
Log in
Search
⌘E
My learning
Try Webflow — it's free
Learn
Courses
Learning Paths
Videos
Docs
Resources
Certifications
Interactive Learning
Glossary
The Webflow Way
Engage
Support
Community
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Navbar

Navbar

A navbar is the menu, usually fixed at the top of a page, that gives visitors a quick way to get around your site. Webflow's Navbar component comes with responsive behavior built in, including a collapsible mobile menu, so you're not rebuilding it by hand for every breakpoint.

Web developers create navbars in HTML (Hypertext Markup Language) and style them in CSS (Cascading Style Sheets). HTML structures the placement of their links and buttons, while CSS specifies their visual appearance, such as its colors, fonts, and layout.

A personal blog’s navbar, for example, might direct users to the home page, about page, and posts, while an ecommerce website will include links to product categories, a shopping cart, and a customer account page.

Build and style your own in Build & structure your site.

Relevant courses

Webflow MCP icon on glowy blue square

Get started with the Webflow MCP

Connect an AI agent to your Webflow site and complete your first MCP workflow.

Interactions & animations

Create motion and interactions that guide visitors and tell your brand's story.

Getting started with Webflow

Get familiar with Webflow’s website experience platform.
Publishing rocket icon flying through glass

Webflow for Marketers

Learn how to build, edit, and publish with confidence in Webflow.

Forms

Design and build forms that turn visits into messages, signups, and real follow-ups.

Custom code in Webflow

Add custom code to extend your site beyond built-in options.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Text area

→
A form element that allows site visitors to enter multi-line data.

Child

→
A child element is an element nested within a parent element in a hierarchy.

Total asset size

→
The total weight of your site's HTML, CSS, JS, and images.

UI state

→
The UI state changes how Collection lists display when you’re designing. The Items state is the default option, and shows the items that you have within the Collection. The Empty state doesn’t show these items and gives the designer the opportunity to design for a circumstance if/when there is no data to be displayed in the Collection list.

Inheritance

→
Inheritance describes a principle where child elements adopt the style properties of parent elements.

Cookie

→
Cookies are small text files sent by a website to a user’s web browser that enhance their browsing experience by remembering site preferences and activities.

Deprecated

→
Deprecated HTML tags are old tags replaced by updated alternatives in modern web design and development.

Valid

→
A valid CSS pseudo-class is a keyword that enables styling HTML elements based on their state or position in the document structure or web page.

Number field

→
Available in CMS Collections. It lets you insert an integer with or without decimals.

Flex-sizing

→
A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.

ASCII

→
The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.

Workspace plan

→
A Webflow plan that applies to your entire Workspace.

Webflow badge

→
A visible "Made in Webflow" badge displayed in the bottom right corner of Webflow sites on Starter plans.

Site

→
What you create in Webflow! You can publish sites to a webflow.io staging subdomain for free, export the code on a paid plan, add hosting on any paid plan, or add a Site plan to any site to connect your custom domain and unlock hosting features.

Typography section

→
A section in the Style panel that houses CSS properties related to how typography is displayed such as font, font size and height, and align.

Publish site

→
The act of updating your live site to reflect new design changes.

Mobile (portrait) breakpoint

→
A Webflow canvas setting that lets you create styles for viewports with a minimum width of 240px and a maximum width of 479px. Also known as the mobile portrait media query.

List

→
An element that contains ordered (numbered) or unordered (bulleted) lists.

Network Address Translation (NAT)

→
NAT (Network Address Translation) is a technique that enables communication between devices with private internet protocol addresses and the public internet.

Agent Instructions

→
Agent Instructions are skills and rules that tell an AI agent how to work within a Webflow site or Workspace.

CRUD

→
CRUD stands for Create, Read, Update, and Delete — the four basic operations all software applications should perform.

Margin

→
Margins are an essential spacing element of web design, dictating the amount of whitespace between a box and its surroundings.

Forms section

→
A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.

Publish destination

→
The specific domain or subdomain where your Webflow site is displayed.

Made in Webflow

→
Made in Webflow showcases Webflow sites made by individuals and teams.

Em

→
An em in CSS is a scalable and relative unit of measurement that defines the size of an element relative to its parent's font size.

Wrapper

→
A wrapper is a programming language function for encapsulating and organizing elements within a well-defined interface.

Navigator

→
A navigator, or a navigator window or panel, is a graphical user interface (GUI) that provides an overview of a website's structure and layout.

Custom font

→
A custom font is any non-system-default typeface you manually upload to your website.

Item state

→
The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.

Translation inheritance

→
Translation inheritance is when a secondary locale automatically mirrors the primary locale's content until a specific field is manually translated, at which point that field stops inheriting further changes.

Hit

→
A hit is a request to a web server from a browser for a specific resource.

Bug

→
A bug is an error, fault, or flaw in an application or software that causes the program to behave unexpectedly, often producing inaccurate and invalid output.

Rich text element

→
Allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually.

Resolution

→
Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.

Element

→
Elements are individual HTML components that constitute a webpage’s structure and contents.

Compile

→
Compiling is the process of converting code from a high-level programming language into a low-level language that computers can understand.

Subdomain indexing

→
When a search engine crawls your site's Webflow subdomain (e.g., your-site.webflow.io).

Return on investment (ROI)

→
Return on investment (ROI) is a metric evaluating the profitability or gain of a venture.

Compile time

→
Compile time is the length of time it takes for a compiler to convert high-level code into low-level code.

Image

→
A Webflow element that displays graphical files on your website.

Selector state

→
A pseudo-class that allows you to change the styles of an element when it is hovered, pressed, or focused.

Inline style

→
Inline style applies CSS to an individual HTML element using the "style" attribute within the HTML tag.

Flex-direction

→
Flex-direction is a CSS property that defines the main axis and direction of flex items, dictating the arrangement of the items within a flex container.

Preview mode

→
A feature that allows you to see how your site would be displayed in a browser without needing to publish your site or leave the Designer.

Homepage

→
The page people see when they visit your site's root domain. Read more about the homepage.

Editor toolbar

→
The toolbar that appears at the bottom of the Editor. From here, you can access the various Editor panels to manage page settings, dynamic content, forms, and your Editor account. You can also see and publish the changes you make through the Editor.

Minimum width (min width)

→
The min-width CSS property defines an element's minimum width. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Backlink

→
A backlink, also referred to as an inbound link, is a hyperlink from one website to another website.

Product attribute

→
Product attributes are specific characteristics that define purchasable merchandise or commodities and provide relevant information to customers.

Front-end

→
The front-end refers to the visual and interactive part of a website or application that users directly interact with.

Minimized CSS

→
A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.

Browser

→
A browser, or web browser, is a software program that allows users to access, navigate, and interact with websites on the internet.

Bad neighborhood

→
Bad neighborhoods are groups of websites that search engines have downgraded because they violate search engine guidelines.

Descendant selector

→
A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

Receipt emails

→
Email confirmations you receive upon making Webflow payments.

Page name

→
The title of a page in your site. This is visible in the Pages panel.

Button

→
A button is an interactive element that facilitates user actions.

Redo

→
To move forward one step while making changes to a Webflow site.

Paginate items

→
This checkbox allows you to enable or disable pagination on the selected Collection list.

Minified code

→
Minified code refers to the process of removing unnecessary characters and whitespace from the source code file without affecting its functionality.

Deployment

→
In software and web development, deployment is the process of moving code from one environment to another, usually in the form of changes or updates.

AEO

→
AEO (Answer Engine Optimization) is the practice of optimizing content so it gets surfaced and cited by AI answer engines like ChatGPT, Claude, and Gemini, the AI-era counterpart to traditional SEO.

Closing tag

→
A closing tag is an instructional piece of code that ends a section of page content in HTML.

Class

→
A class is a template that defines variables for objects with similar properties.

Dropdown

→
A dropdown, or dropdown menu, is a pre-built navigation element you can add to almost any part of a website.

Head code

→
Custom code that's added just before the closing </head> tag in your site's HTML file. Learn more about custom code in head and body tags.

Common targets

→
All elements on the page targeted by the same selector.

Save

→
The Designer automatically saves your progress every 10 seconds.

Component Module

→
A section in the Add Panel that houses pre-built Webflow elements such as sliders, tabs, and lightboxes.

Tablet breakpoint

→
A Webflow canvas setting for creating styles that affect viewports with a minimum width of 768px and a maximum width of 990px. Also known as the tablet media query.

Folder settings

→
Allows you to manage your folders.

Flex-shrink

→
The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.

Micro conversion

→
Micro conversions are small but important user actions on a website that contribute to the overall conversion funnel.

Help text

→
Help text is a user interface design element that provides additional information or guidance to users to clarify which content should go in a given Collection field.

Semantics

→
Semantics accurately represent the structure and purpose of content in computer languages, enabling web developers and programmers to ensure the written code produces an output legible to humans and machines.

Heading

→
A heading is a text element that provides a title or headline for a section of content on a webpage. These elements guide users and search engines through your content.

Google Universal Analytics Tracking ID

→
A unique ID you can use to link your Google Analytics account to your Webflow site.

Email template

→
Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.

Structured Query Language (SQL)

→
Structured Query Language (SQL) is a programming language that enables storing, retrieving, and manipulating information in a relational database.

Top of the funnel

→
Top of the funnel (TOFU) refers to the initial marketing funnel stage where potential customers become aware of a brand’s existence.

Display: inline

→
The display: inline CSS property is a display option that controls an element’s appearance and layout.

Drafted pages

→
You can exclude pages from being published to your site by setting them as drafts. These can be unfinished pages, internal pages such as style guides, archived pages saved for backup, etc. Learn more about drafted pages.

Resource Description Framework (RDF)

→
The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

Pixel

→
A pixel (px) is the smallest unit of measure in a digital image or display, representing a single point of color or light.

Serialization

→
Serialization is the process of converting data into an optimized format for storage, transmission, and sharing.

Right padding

→
The inside spacing between the right border of an element and the elements inside it.

Bottom margin

→
The spacing between the bottom border of an element and the element(s) below it.

Unbranded form submission notification

→
Form submission notifications that have no reference to Webflow (e.g., notifications sent from “[email protected]” instead of “[email protected]”).

Shim

→
A shim is a code snippet enabling modern web features to function within older programming or browsing environments.

Left toolbar

→
The vertical bar of tools on the left side of the Webflow Designer. It holds the Add panel, Symbols panel, Navigator panel, Pages panel, CMS panel, Ecommerce panel, Assets panel, Settings panel, Site Activity log, Audits, Search, Video tutorials, and Help.

Java

→
Java is an object-oriented programming language for building dynamic, interactive web applications across platforms

:has() selector

→
:has() is a CSS selector that styles an element based on its descendants or subsequent siblings.

Node title

→
The type of element you're working with, i.e., H1, link, button, etc.

Background

→
A website background is a visual element behind webpage content, enhancing aesthetic appeal and user engagement.

Encapsulation

→
Encapsulation is an object-oriented programming (OOP) process that combines functions and the data they manipulate into a single entity.

Maximum height (max height)

→
The “max-height” CSS property defines an element’s maximum height.

SSL

→
SSL (secure socket layer) is the standard method for establishing an encrypted link between a web server and a browser.

Flex-grow

→
The flex-grow CSS property defines how much an element grows relative to other flexible items inside the same flex parent.

Header

→
A header is a section at the top of a webpage.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more