Field label

The dropdown menu to the right of the Selector field that allows you to access and change the styles of an element when it is hovered, pressed, or focused.

Jank describes subpar functionality in a web interface that hinders or disrupts user activity.

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.

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

Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.

A language code is a standardized code of letters and numbers that represent different languages.

Cloneable sites are open source (made available under the CC0 (“no rights reserved”) license). When you enable cloning, you allow any user to copy, modify, and use any part of your site for personal or commercial purposes.Sites with cloning turned off do not give others access to copy your site or open it in the Designer.

In object-oriented programming (OOP), abstraction conceals irrelevant details so they don’t interfere with the task at hand.

A widget is an interactive element embedded in a user interface that facilitates specific user actions or displays important information at a glance.

Meta keywords are words or phrases you can include in your web page's metadata.

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

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

Interpolation is a mathematical process that estimates and creates new values based on known values and their relationship.

A breadcrumb, or breadcrumb trail, is a navigational element representing a user’s current location within a website's hierarchical structure.

Allows you to manage your folders.

Optimization is a systematic approach to improve a website's appearance, functionality, and visual appeal to enhance the user experience, improve search engine rankings, and achieve business objectives.

A content management system (CMS) is a tool for creating and managing a website and its content.

The element directly above in the hierarchy tree.

A section of the Add panel that contains the elements that act as a website's fundamental building blocks (e.g., div block, list, button, etc.).

A navbar, or navigation bar, is an interactive user element with a menu or a set of links to a website’s main sections.

Character encoding is the process of representing characters (such as “a” or “3”) in a particular way, such as text on a computer screen.

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

Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

A robots.txt file instructs search engine crawlers which webpages and sections they can or can't crawl and index.

A typography element that is used when no other element is specifically suitable.

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

The CSS border property delineates an HTML element.

The baseline is the fixed invisible line that serves as the base for letters. It’s used as a measurement for line height and x-height.

Hyperlinks are clickable elements that allow users to navigate between web pages, documents, or other types of digital content.

An inline frame is an HTML element that embeds an HTML document within another webpage.

An application context is a set of data that identifies an application’s tasks, where those tasks originate, and how those tasks are configured.

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

A button is an interactive element that facilitates user actions.

The third tab in the right-side panel where you can rename element classes, preview your class and tag styles, search for classes and tags, and delete any classes that aren’t in use.

Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

A slug, also known as a URL slug or a website slug, is descriptive text that appears at the end of a URL and identifies a web page.

A flexbox property that lets you customize the alignment behavior of flex children, based on the cross-axis of the flex container. The cross axis is the opposite of the flex-direction property, so if you set the direction to vertical, the cross axis is horizontal. Options include start, center, end, baseline, and stretch.

Really Simple Syndication (RSS) is a web format that automatically distributes frequently updated content to subscribers, eliminating the need for subscribers to check the website manually to stay up to date.

Available in CMS Collections. With this field, you can upload images from your computer and use them as dynamic items in your individual Collection item.

An Adobe Fonts API token protects and supports your data from Adobe Fonts with other programs you may be using to personalize your website’s fonts.

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.

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

The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.

Python is a high-level, object-oriented, general-purpose programming language (GPL).

A certificate authority (CA), also known as a certification authority, issues digital certificates that verify a website’s owner.

A media query is a CSS technique that applies different styles to a website or an app based on the characteristics of the device displaying it, such as screen size, resolution, and browser viewport.

Alt text, short for alternative text, refers to text that describes online images.

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

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

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

A link block operates much like a div block, an HTML element for grouping and organizing other HTML elements (like text, images, and forms) into block-level containers. But in the case of a link block, what’s inside the block becomes a link.

A hotlink — also known as a remote or inline link — is a hyperlink that directs to a resource, such as an image or a file, without the owner’s explicit permission.

The ability to manually save a version of your site that you can restore at a later date using the keyboard shortcut Command + Shift + S (on Mac) or Control + Shift + S (on Windows).‍

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

The order in which a Webflow site's CSS styles flow from desktop to mobile breakpoints.

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

An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.

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

The Designer automatically saves your progress every 10 seconds.

A visible “Made in Webflow” badge displayed in the bottom right corner of Webflow sites. Webflow branding also appears in the site’s HTML. Learn more about Webflow branding.

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.

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.

A content type (blog posts, recipes, etc.) represented by a group of fields you define. Once created, you can add individual Collection items.

A lightbox displays content in a popup or modal window on top of a web page’s main content.

The last time someone made a change to your site.

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

A smoke test, also called build verification testing or confidence testing, is a preliminary examination to determine the basic functionality of a software, website, or application.

A web app that helps you connect multiple third-party services together based on triggers and actions.

Short for Joint Photographic Experts Group, JPEG is a file format that uses lossy compression to maintain manageable file sizes without compromising image quality.

A section is an element of design layout that divides a web page into visually distinct segments.

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

An argument is an independent value a function receives to deliver a specific output.

Top margin is a CSS property that defines the space between the top edge of an element and its surroundings, such as other elements, the browser window, or the edge of a container.

Behavioral targeting is a marketing technique that leverages user data to deliver personalized ads to drive conversions.

PNG, short for Portable Network Graphics, is a lossless image format known for its transparency support and quality retention after compression.

Decryption is the process of reverting encrypted data to its original format.

All elements on the page targeted by the same selector.

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

An end user is an individual or group who directly interacts with a particular product, service, or user interface (UI), such as a website or application.

Font weight refers to the thickness or density of a typeface’s strokes.

In JavaScript, mutable objects are dynamic elements that allow post-creation changes and modifications.

Pseudocode is a simplified, informal representation of programming code that outlines a program’s structure and logic without strict syntax.

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

The amount of pages your site currently has.

A key, or web key, is a unique identifier that authorizes access to a webpage or service.

The first tab in the right-side panel that allows you to assign classes to elements and style them.

Cryptanalysis examines cryptographic systems to find weaknesses that could allow attackers to uncover plaintext or break encryption.

To remove an element and its content from your website.

Display properties operate like instructions that tell a browser how to display the different parts of a webpage. You can customize an element’s appearance and layout by changing its display property.

A section in the Add panel that contains elements associated with the CMS.

You can sort your Collection items in multiple ways — select the field from the Collection you wish to filter from, then select the ordering option.

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.

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

A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.

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

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.

A sidebar, typically positioned on the left or right side of a website or app, is a vertical component that contains supplemental information to enrich a webpage’s primary content.

The <strong> element defines important text with added semantic importance.

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.

A measurement unit relative to an element's parent.