CMS Collection page

Client-side is the user-facing part of a web app, responsible for processing user input and displaying content.

A generic element that is typically used to group content, or when no other element is specifically or semantically suitable. Div blocks have no effect on the content or layout until styled with CSS.

A GIF (Graphics Interchange Format) is a digital image format that uses multiple frames of an image or soundless video to create a short, looping animation.

A backup is a copy of data stored in an alternate location, including hard drives, cloud servers, or network-attached storage (NAS) servers.

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.

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

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

A document type definition (DTD) defines the structure, validity, and attributes of standard generalized markup language (SGML) documents, such as GML, HTML, and XML.

A plugin, also called an add-on or extension, is a software component that enhances the host or browser or application by adding new features or capabilities to it.

Middleware is software that links different programs and applications, allowing them to interact and communicate effectively.

A parent folder is a directory containing one or more folders and files.

Form submission notifications that have no reference to Webflow (e.g., notifications sent from “no-reply@webforms.io” instead of “no-reply@webflow.com”).

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

You can transfer sites from one Workspace to another Workspace.

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

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 software and web development, deployment is the process of moving code from one environment to another, usually in the form of changes or updates.

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.

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

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.

To copy an element and its content, styles, and settings.

Display properties tell browsers how an element should behave on the page. The most common display property keyword category is display: block.

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

You can set any Collection field as "Required," which means that a value must be added to that field in the Collection item before it can be published. The only Collection field that cannot be made required is the Switch field.

A field label is descriptive text that helps users understand what information to enter in an input field on a web form.

You can assign element IDs from the Element settings panel in the Designer. ID selectors are useful for HTML anchors, linking to page sections, or for custom code.

A dropdown menu that displays all the selectors that affect a given element.

A web server is a computer program or hardware device that delivers web content to clients using HTTP. It handles client requests for web pages, images, and videos.

A tab in the Add panel that houses prebuilt layouts for your Webflow site.

A grayscale view of your site’s canvas that visually displays each element’s border, margin, and padding when hovered over.

The fastest way to learn how to use Webflow.

DHTML, or Dynamic HTML, is a web-development technique combining HTML, CSS, and JavaScript to create dynamic, interactive web pages and complex web applications.

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

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

A navigational aid that displays in the bottom of the Webflow Designer to help you keep track of the element you're interacting with in relation to its hierarchy.

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.

By default, Collection lists display all items in a Collection, but you can add limits to control the number of Collection items that display.

A CMS field used in Collections. Just like a reference field, the multi-reference field lets you reference other Collections in your site. But it’s even more powerful, as it lets you reference multiple items within a Collection instead of just 1 item.

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

The element directly above in the hierarchy tree.

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

A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.

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 key, or web key, is a unique identifier that authorizes access to a webpage or service.

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.

The color-coded borders of elements you'll see in the Webflow Designer.

A folder is a subdirectory of your site's root folder for organizing web pages.

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

A cryptographic hash function takes an input message of any length, such as a file, message, or password, and uses a mathematical formula to produce a fixed-size output (hash).

A domain, or domain name, is the unique address that directs to a website on the internet.

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

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

A buffer is a temporary storage area that holds data while transferring it between different components or systems.

The way browsers calculate an element's width automatically where Block level elements fill the available space of its parent and Inline elements shrink to the size of its children/content.

The second panel on the right side of the Designer. Here, you can change element-specific settings such as the element ID, Custom attributes, Search index settings, Editor settings, etc. You can learn more about the element settings for a specific element by searching for the element’s name on Webflow University.

Defines how tall an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

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 visible "Made in Webflow" badge displayed in the bottom right corner of Webflow sites on Starter plans.

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

An element that contains content.

A 16x16 px image that displays in browser tabs, bookmarks, and other browser areas. It's typically a simplified version of the site's logo.

Left margin is a CSS property that defines the space between an element's left edge and its surroundings.

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

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

JSON, short for JavaScript Object Notation, is a human-readable, lightweight format for recording, storing, and exchanging data.

URL redirect, or URL forwarding, is a web server function that automatically sends users from one web address to another.

On Windows-based systems, the sequence of two ASCII characters representing a line break in text files is called "Carriage Return, Line Feed," or CRLF.

SSL CDN, or Secure Sockets Layer Content Delivery Network, is an option that allows you to serve your images over your own CDN service while using SSL.

A section in the Style panel that houses CSS properties related to the positioning of an element.

A primitive is the simplest JavaScript data type, representing fundamental values that do not encapsulate any object, method, or property.

To remove an element and its content from your website.

A/B testing compares two different versions of something — like a web page or campaign — to determine which performs better.

Flexbox is a CSS layout mechanism that offers precise alignment and stacking control for the content inside an element.

An XML (Extensible Markup Language) sitemap is a text file that lists a website's pages to help search engines crawl and index them.

Automagically describes complex content or functions that appear as if they were created using magic.

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).‍

Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.

A digital certificate is a data file embedded in the site that signals the site’s safety to visitors, internet service providers (ISPs), and servers.

Software as a Service (SaaS) is a cloud-based approach to delivering software on a subscription basis without requiring local installation.

A Uniform Resource Locator (URL) is a standardized web address format that allows users to identify and access an online resource.

A headless content management system (CMS) separates the front-end presentation layer from the back-end management layer, allowing for more flexible content delivery.

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

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.

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.

An HTML input field, represented by the syntax <input>, is a web page element where users input data, like text and numbers.

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

An HTML attribute you can use to give a short description of the contents of a webpage. Search engines often&nbsp;display this in results pages (SERPs).

An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.

A typography element used for displaying multi-sentence text content.

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

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

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

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.

When someone sends data through one of your site's forms.

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.

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

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 total weight of your site's HTML, CSS, JS, and images.

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.