CodePen · JSON-LD Context

Codepen Context

JSON-LD context defining the semantic vocabulary for Codepen from CodePen.

0 Classes 37 Properties 3 Namespaces

View Context View on GitHub

Namespaces

schema: https://schema.org/

xsd: http://www.w3.org/2001/XMLSchema#

oembed: https://oembed.com/schema/

Properties

Property	Type	Container
Pen	reference
PenEmbed	reference
PrefillData	reference
url	reference
title
description
author_name
author_url	reference
provider_name
provider_url	reference
thumbnail_url	reference
thumbnail_width	integer
thumbnail_height	integer
html
width	integer
height	integer
type
version
html_code
css
js
html_pre_processor
css_pre_processor
js_pre_processor
css_external
js_external
tags
private	boolean
data-slug-hash
data-user
data-theme-id
data-default-tab
data-height
data-preview	boolean
data-editable	boolean
data-animations
data-zoom

JSON-LD Document

{
  "@context": {
    "@version": 1.1,
    "@vocab": "https://codepen.io/schema/",
    "schema": "https://schema.org/",
    "xsd": "http://www.w3.org/2001/XMLSchema#",
    "oembed": "https://oembed.com/schema/",

    "Pen": {
      "@id": "schema:SoftwareSourceCode",
      "@type": "@id"
    },
    "PenEmbed": {
      "@id": "https://codepen.io/schema/PenEmbed",
      "@type": "@id"
    },
    "PrefillData": {
      "@id": "https://codepen.io/schema/PrefillData",
      "@type": "@id"
    },

    "url": { "@id": "schema:url", "@type": "@id" },
    "title": { "@id": "schema:name" },
    "description": { "@id": "schema:description" },
    "author_name": { "@id": "schema:author" },
    "author_url": { "@id": "schema:sameAs", "@type": "@id" },
    "provider_name": { "@id": "schema:provider" },
    "provider_url": { "@id": "schema:url", "@type": "@id" },
    "thumbnail_url": { "@id": "schema:thumbnailUrl", "@type": "@id" },
    "thumbnail_width": { "@id": "schema:width", "@type": "xsd:integer" },
    "thumbnail_height": { "@id": "schema:height", "@type": "xsd:integer" },
    "html": { "@id": "schema:embedUrl" },
    "width": { "@id": "schema:width", "@type": "xsd:integer" },
    "height": { "@id": "schema:height", "@type": "xsd:integer" },
    "type": { "@id": "schema:additionalType" },
    "version": { "@id": "schema:version" },

    "html_code": { "@id": "schema:programmingLanguage" },
    "css": { "@id": "https://codepen.io/schema/css" },
    "js": { "@id": "https://codepen.io/schema/js" },
    "html_pre_processor": { "@id": "https://codepen.io/schema/htmlPreProcessor" },
    "css_pre_processor": { "@id": "https://codepen.io/schema/cssPreProcessor" },
    "js_pre_processor": { "@id": "https://codepen.io/schema/jsPreProcessor" },
    "css_external": { "@id": "https://codepen.io/schema/cssExternal" },
    "js_external": { "@id": "https://codepen.io/schema/jsExternal" },
    "tags": { "@id": "schema:keywords" },
    "private": { "@id": "https://codepen.io/schema/private", "@type": "xsd:boolean" },

    "data-slug-hash": { "@id": "https://codepen.io/schema/slugHash" },
    "data-user": { "@id": "schema:author" },
    "data-theme-id": { "@id": "https://codepen.io/schema/themeId" },
    "data-default-tab": { "@id": "https://codepen.io/schema/defaultTab" },
    "data-height": { "@id": "schema:height" },
    "data-preview": { "@id": "https://codepen.io/schema/preview", "@type": "xsd:boolean" },
    "data-editable": { "@id": "https://codepen.io/schema/editable", "@type": "xsd:boolean" },
    "data-animations": { "@id": "https://codepen.io/schema/animations" },
    "data-zoom": { "@id": "https://codepen.io/schema/zoom" }
  }
}