The page-type front matter key

The page-type front matter key describes the type of an MDN page. This allows MDN content tools to better automate content checking and sidebar organization.

Like any other front matter key, the page-type key is specified in the YAML at the start of "index.md":

---
title: Geolocation.getCurrentPosition()
slug: Web/API/Geolocation/getCurrentPosition
page-type: web-api-instance-method
browser-compat: api.Geolocation.getCurrentPosition
---

Each main area of the site — JavaScript, CSS, and so on — has a set of domain-specific page-type values, and there is also a set of generic values that can appear in any area of the site.

Generic page types

These page types are not specific to a particular MDN technology area:

guide: a generic guide page with no specific structure. See Conceptual page.
landing-page: a page that acts primarily as a navigation aid, listing links to other pages. See Landing page.
how-to: a page that acts primarily as a goal-oriented how-to article.
tutorial: a page that is the overview page of a learning-oriented article.
tutorial-chapter: a page that is a part of a multipart tutorial.

Domain-specific page types

This section lists page types that are specific to a single area of MDN.

This section lists page-type values for pages under Learn. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

learn-topic: an overview of a topic, that is, a collection of modules like CSS.
learn-module an overview of a module, that is, an ordered collection of guides, like Introduction to HTML.
learn-module-chapter a guide that is part of a module, like Mobile accessibility.
learn-module-assessment a special guide with an activity allowing to assess the comprehension of a module or a part of it, like Test your skills: basic controls.
learn-faq: the answer to a specific question about web development, like What is a domain name?.

Accessibility page types

This section lists page-type values for pages under Web/Accessibility. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

aria-role: an ARIA role, like section.
aria-attribute: an ARIA attribute, like aria-sort.

CSS page types

This section lists page-type values for pages under Web/CSS. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

css-at-rule: an at-rule, like @charset.
css-at-rule-descriptor: an at-rule descriptor, like @counter-style/prefix.
css-combinator: a combinator, like the descendant combinator.
css-function: a function, like max().
css-keyword: a keyword, like inherit.
css-media-feature: a media feature, like hover.
css-module: a module, like CSS Animations.
css-property: a property, like background-color.
css-pseudo-class: a pseudo-class, like :enabled.
css-pseudo-element: a pseudo-element, like ::before.
css-selector: a basic selector, like the class selector.
css-shorthand-property: a shorthand property, like background.
css-type: a data type, like <color>.

Glossary page types

This section lists page-type values for pages under Glossary. Every page in that part of the tree must have a page-type, and its value must be one of those listed below.

glossary-definition: a page defining a term, like Bézier curve.
glossary-disambiguation: a page providing links to two or more definition pages for an ambiguous term, like Node.

HTML page types

This section lists page-type values for pages under Web/HTML. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

html-attribute: an HTML attribute, like autocomplete.
html-attribute-value: a single value for an HTML attribute, like dns-prefetch.
html-element: an HTML element, like <button>.

HTTP page types

This section lists page-type values for pages under Web/HTTP. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

http-csp-directive: a CSP directive, like script-src.
http-cors-error: a CORS error, like CORSDidNotSucceed.
http-permissions-policy-directive: a Permissions-Policy directive, like accelerometer.
http-header: an HTTP header, like Referer.
http-method: an HTTP request method like GET.
http-status-code: an HTTP response status code, like 404.

JavaScript page types

This section lists page-type values for pages under Web/JavaScript. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

javascript-class: a definition of a built-in object, like Array.
javascript-constructor: an object constructor, like Array().
javascript-error: an error, like RangeError: invalid array length.
javascript-function: a built-in function that isn't an object method, like encodeURI().
javascript-global-property: a global property like NaN.
javascript-instance-accessor-property: an accessor property on an object instance, like Map.prototype.size.
javascript-instance-data-property: a data property on an object instance, like the length property of Array.
javascript-instance-method: a method on an object instance, like Array.prototype.at().
javascript-language-feature: a part of JavaScript syntax not fitting into another category, like rest parameters.
javascript-namespace: an object that is not instantiable and has only static members, like Math.
javascript-operator: an operator, like Addition (+).
javascript-statement: a statement, like switch.
javascript-static-accessor-property: a static accessor property, like RegExp.lastMatch.
javascript-static-data-property: a static data property, like Math.E.
javascript-static-method: a static method, like Array.from().

MathML page types

This section lists page-type values for pages under Web/MathML. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

mathml-attribute: an MathML attribute, like mathcolor.
mathml-element: an HTML element, like <msqrt>.

SVG page types

This section lists page-type values for pages under Web/SVG. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

svg-attribute: an SVG attribute, like crossorigin.
svg-element: an SVG element, like <circle>.

Web API page types

This section lists page-type values for pages under Web/API. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

web-api-overview: gives an overview of a Web API, like the Fetch API.
web-api-global-function: a global function, like fetch().
web-api-global-property: a global property, like origin.
web-api-interface: a Web API interface, like Request.
web-api-constructor: a constructor, like Request().
web-api-instance-method: an instance method, like cache.add().
web-api-instance-property: an instance property, like request.headers.
web-api-static-method: a static method, like Response.error().
web-api-static-property: a static property, like Notification.permission.
web-api-event: an event, like Notification.click. See API reference subpage.
webgl-extension: a WebGL extension, like WEBGL_draw_buffers.
webgl-extension-method: a WebGL extension method, like OES_vertex_array_object.bindVertexArrayOES().

WebAssembly page types

This section lists page-type values for pages under WebAssembly/. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

webassembly-function: a global function, that is a method directly under the WebAssembly object that acts as a namespace, like WebAssembly.instantiate().
webassembly-constructor: a constructor, like WebAssembly.Exception().
webassembly-interface: a WebAssembly interface, like WebAssembly.LinkError.
webassembly-instance-property: an instance property, like WebAssembly.Instance.exports.
webassembly-instance-method: an instance method, like WebAssembly.Exception.getArg().
webassembly-static-method: a static method, like WebAssembly.Module.exports().
webassembly-instruction: an instruction, or a set of instructions, like Wrap.

WebDriver page types

This section lists page-type values for pages under Web/WebDriver. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

webdriver-command: a webdriver command, like CloseWindow.
webdriver-capability: a webdriver capability, like acceptInsecureCerts.
webdriver-error: a webdriver error, like Insecure certificate.

WebExtensions page types

This section lists page-type values for pages under Mozilla/Add-ons/WebExtensions. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

webextension-api: a WebExtension API, like alarms.
webextension-api-event: a WebExtension API event, like action.onClicked.
webextension-api-function: a WebExtension function, like action.setBadgeText().
webextension-api-property: a WebExtension property, like browserSettings.openBookmarksInNewTabs.
webextension-api-type: a WebExtension type, like contextualIdentities.ContextualIdentity.
webextension-manifest-key: a WebExtension manifest key, like user_scripts.

Web Manifest page types

This section lists page-type values for pages under Web/Manifest. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

web-manifest-member: a member of a manifest, like description.

XPath page types

This section lists page-type values for pages under Web/XPath. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

xpath-function: a function, like ceiling()

XSLT page types

This section lists page-type values for pages under Web/XSLT. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

xslt-element: an element of XSLT, like <xsl:message>.
xslt-axis: an axis of XSLT, like ancestor.

EXSLT page types

This section lists page-type values for pages under Web/EXSLT. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

xslt-function: a function of EXSLT, like exsl:node-set().

Firefox page types

This section lists page-type values for pages under Mozilla/Firefox. Every page in that part of the tree must have a page-type, and its value must be one of those listed below or one of the generic page type values.

firefox-release-notes: the release notes for a particular Firefox version, such as Firefox 115 for developers.