University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Static page

Static page

A static page is a document with fixed content that makes up an individual web page on your site. Unlike dynamic pages, which generate content based on user interactions or database queries, static pages remain unchanged each time they are loaded. The fixed nature of static pages contributes to fast loading times, ease of development, and overall simplicity.

Static pages work best for content that doesn’t require frequent updates or visitor personalization, such as informational pages, portfolios, or blog articles. These pages can be cached easily, which allows them to be served quickly to multiple visitors, enhancing the browsing experience and improving site performance.

Webflow allows you to create and manage static pages that load quickly and enhance your website’s user experience. Static pages can be visually designed in Webflow and rendered in HTML to be displayed in a web browser. Static pages are manually created, as opposed to dynamic content like Collection and Utility pages. Learn more about static vs. dynamic pages in Webflow University.

Relevant courses

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

CMS & dynamic content

Learn how to use Webflow CMS to build completely custom websites powered by dynamic content, and define your content's structure and style.

CSS layout & positioning

Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox.

Moving your business online

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

Other glossary terms

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

Width

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

Margin

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

Made in Webflow

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

Position section

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

SCA and PSD2 Regulations

→
Mid-September 2019, new European requirements for authenticating online payments were introduced in Europe as part of the second Payment Services Directive (PSD2). The Strong Customer Authentication (SCA) requirements apply to businesses in the European Economic Area (EEA) that accept online card payments from cardholders whose banks are also located in the EEA.Webflow Ecommerce payments are PSD2 and SCA compliant (i.e., support 3D Secure payments) for European customers.If you’re a merchant in the European Economic Area (EEA), all you need to do to ensure that your Webflow Ecommerce store is PSD2 and SCA compliant for your European customers is to republish your store if it wasn’t published on or after September 11, 2019. Read more about how to make your ecommerce store compliant in our Payment gateway article.

Height

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

Encapsulation

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

Webflow badge

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

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.

Container

→
An element that contains content.

Total Form Submissions

→
The amount of times a site visitor submits data using your site's form(s).

Layout section

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

Typography

→
A section in the Add panel that houses typography elements such as headings and paragraphs.

Delete element

→
To remove an element and its content from your website.

Descendant selector

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

Dynamic element

→
Dynamic elements are web page components that can change based on user interaction or external factors, like a live news feed, without requiring a page refresh or reload.

Right margin

→
Right margin is a CSS property that defines the space between the right edge of an element and its surroundings.

Sitemap URL

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

Effects

→
A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.

Resolution

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

Combo class

→
Combining two or more classes into a single selector to target an element.

Language code

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

Redo

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

Display: grid

→
The display: grid CSS property defines a website element (such as a button or header) as a grid container.

Minimum height

→
The min-height CSS property defines an element’s minimum height.

URL

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

CMS section

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

Profile settings

→
The area where you can manage your profile, email settings, and security settings.

RGB (Red-Green-Blue)

→
RGB, an acronym for Red, Green, Blue, is a color model that screen displays use to represent various colors.

Search Engine Optimization (SEO)

→
Search Engine Optimization (SEO) is a collection of strategies to enhance a website’s ranking and visibility on search engines.

Empty elements

→
Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

Parameter

→
A parameter is a programming variable or value that transfers data between functions.

Base tag

→
The base tag specifies the base URL for all relative links within HTML code for a specific page or document.

Component Module

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

Algorithm

→
An algorithm is a set of rules or steps that help solve problems or carry out specific tasks.

Locked site

→
When you have more unhosted sites in your Dashboard than your Workspace plan allows, those additional sites past your limit will be “locked” until you upgrade your plan. When you upgrade, you’ll be allowed more unhosted sites (up to the limit for your Workspace plan) and will be able to access your previously locked sites.

Transfer site

→
You can transfer sites from one Workspace to another Workspace.

Dashboard

→
From your Dashboard, you can access, create, and manage all your sites.

Save as Backup

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

Structured Query Language (SQL)

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

Graphical User Interface (GUI)

→
A Graphical User Interface (GUI) is a visual medium that enables visual interaction with software applications or electronic devices through elements like icons, buttons, and menus.

Sorting Collection lists

→
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.

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.

IP address

→
An IP (Internet Protocol) address is a unique string of characters identifying devices connected to the internet.

Tutorials

→
The fastest way to learn how to use Webflow.

Form button

→
A form element that lets website visitors submit data to your form handler.

Dynamic content

→
Content you create once, then publish in many different places across your website. As you update this content in the CMS, it automatically updates wherever it exists on your site, making it convenient to create and manage larger websites.

Static page

→
A static page is a document with fixed content that makes up an individual web page on your site.

A/B testing

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

Width: auto

→
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.

Page name

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

Sidebar

→
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.

Widget

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

Dither

→
Dithering is a design technique that simulates additional colors on a display to smooth transitions in images with limited color palettes.

Display property

→
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.

.htaccess

→
.htaccess is a powerful configuration file that allows you to configure and control how your website functions.

CMS Collection page

→
A dynamic page that Webflow automatically creates for each Collection item. When you design a Collection page, all the pages that are created for each Collection item will have the same template but different content.

Cascading rules

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

Forms section

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

Application context

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

Meta title

→
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.

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.

Background

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

Borders

→
The CSS border property delineates an HTML element.

Webflow CMS

→
Webflow's content management system (CMS) is where dynamic content (Collections and their Collection items) is stored and maintained so you can reference it throughout your site. A CMS lets you input data in one location, then use Collection template pages or Collection lists to display that content without having to update the content displays one at a time.

SSL

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

Beacon

→
A beacon — also called a web beacon or web bug — is an HTML-embedded object that tracks user behavior on a web page.

Hyperlink

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

Meta description

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

Web server

→
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.

Unpublished change

→
A change that has been made in the Webflow Editor but will not appear on the live website until it’s published. You can track any unpublished changes on the bottom right of the Editor toolbar.

Certified

→
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.

Literal

→
In JavaScript, literals are fixed values written directly into the code.

Padding

→
Padding is a CSS property defining the space between an element's borders and its content.

Client-side

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

List

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

Custom domain hosting

→
A Webflow service that lets you point a custom domain to your Webflow-hosted site.

Inline Frame (iframe)

→
An inline frame or <iframe> is an HTML element that embeds an HTML document within another webpage.

Flex-align

→
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.

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.

CRLF

→
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.

Maximum height (max height)

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

User interface (UI)

→
A user interface (UI) is any visual element humans interact with on a device, webpage, or application.

Shim

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

Form submission

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

Syntax error

→
Syntax error refers to a mistake in code that violates the programming language’s rules and prevents the code from executing correctly.

Localization

→
Localization (l10n) involves adapting digital content and applications to meet a specific region or culture’s language and conventions.

API

→
APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.

Switch field

→
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.

Email template

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

Footer code

→
Footer code creates a section at the bottom of every web page that displays important information like disclaimers, copyright or contact information, and links to related documents.

Cipher suite

→
A cipher suite is a collection of encryption algorithms that work together to secure a network connection.

Key

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

Public site

→
A Webflow site that is publicly visible in your public profile and in Made in Webflow search results.

RSS

→
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.

Pagination settings

→
Through the pagination settings, you can preview Collection list pages by choosing the page number from the page dropdown list, or you can switch to the previous or next page using the arrow keys.

Content management system (CMS)

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

Save

→
The Designer automatically saves your progress every 10 seconds.

Zapier

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

Design mode

→
The mode that enables a designer to build in Webflow.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more