HTML

HyperText Markup Language—the standard code that structures web content using tags that define headings, paragraphs, links, and other elements. While Framer generates HTML automatically, understanding its structure helps with SEO, accessibility, and debugging. Semantic HTML using proper tags like header, nav, and main improves accessibility and search rankings.

Related terms

Related terms

  • ARIA Label

    Accessibility

    An HTML attribute that provides accessible names for elements that lack visible text labels, helping screen readers describe interactive elements. These are essential for icon buttons, decorative links, and complex widgets where the visual context isn’t available to assistive technology. Use aria-label when there’s no visible text, and aria-labelled by to reference existing text on the page. See Improving Accessibility with ARIA Labels. See Optimizing images, icons & interactive elements.

  • Canonical URL

    SEO

    An HTML element that tells search engines which URL is the ‘official’ version of a page when duplicate content exists at multiple addresses. This prevents SEO dilution from copied content, URL parameters, or www/non-www variations. Framer automatically generates canonical tags, and you can customize them in page settings for specific SEO requirements. See Setting up a custom canonical URL in Framer.

  • Custom Code

    Framer

    User-written JavaScript, CSS, or HTML that extends functionality beyond built-in features. Custom code enables advanced interactions, integrations, and unique behaviors tailored to specific requirements. In Framer, add custom code through code components, overrides, or the custom code section in site settings.

  • Embed

    General

    External content integrated into your page from another source, such as videos from YouTube, maps from Google, or widgets from third-party services. Embeds extend functionality without building features from scratch but can impact performance and introduce dependencies. Framer supports HTML embeds and iframe integration for external content.

  • Meta Description

    SEO

    An HTML meta tag providing a brief summary of page content, often displayed in search engine results below the title. Good meta descriptions are 150-160 characters, include relevant keywords, and entice clicks with compelling copy. Write unique descriptions for each page in Framer’s SEO settings.

  • Meta Tags

    SEO

    HTML elements that provide metadata about a page to browsers and search engines, including titles, descriptions, and social sharing information. Proper meta tags improve SEO and control how pages appear when shared on social media. Framer provides fields for essential meta tags in page settings. See How to update page titles, descriptions, and social images.

Academy