New Page  |  Edit Page

Meta

The meta element represents various kinds of metadata that cannot be expressed using the title, base, link, style, and script elements.

See: https://html.spec.whatwg.org/multipage/semantics.html#the-meta-element

http-equiv:

content-security-policy

<meta http-equiv="content-security-policy" content="default-src 'self'">

Specifies a content policy for the document.

content-type

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

Specifies a content policy for the document.

default-style

<meta http-equiv="default-style" content="./preferred-style.css">

Specified the preferred style sheet to use.

x-ua-compatible

<meta http-equiv="x-ua-compatible" content="IE=edge">

In practice, this pragma encourages Internet Explorer to more closely follow the specifications.

refresh

<meta http-equiv="refresh" content="300">

Defines a time interval for the document to refresh itself.

name:

charset

<meta charset="utf-8">

Specifies the character encoding for the HTML document.

robots

<meta name="robots" content="no index, no follow">

The meta directive provides Search Engine Crawlers instructions for how to crawl or index web page content, whereas robots.txt file directives give bots suggestions for how to crawl a website's pages., Robots meta provides more firm instruction on how to crawl and index of an individual page's content.

viewport

<meta name="viewport" content="width=device-width, initial-scale=1">

The viewport is the user's visible area of a web page. It varies with the device.

title

<meta name="title" content="META Data">

description

<meta name="description" content="An Individual Media Platform.">

A short and accurate summary of the content of the page. Several browsers, like Firefox and Opera, use this as the default description of bookmarked pages.

keywords

<meta name="keywords" content="Dan, Danny, Daniel, John, Berladyn, Port Moody">

Words that are relevant to the page's content separated by commas.

generator

<meta name="generator" content="WordPress 5.6">

The identifier of the software that generated the page.

author

<meta name="author" content="Dan Berladyn">

The name of the document's author.

copyright

<meta name="copyright" content="Copyright © 1975 DANIEL JOHN BERLADYN.">

referrer

<meta name="referrer" content="...">

Controls the HTTP Referer header of requests sent from the document.

theme-color

<meta name="theme-color" content="#434343">

Indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface. The content attribute contains a valid CSS color. The media attribute with a valid media query list can be included to set the media the theme color metadata applies to.

color-scheme

<meta name="color-scheme" content="normal">

Specifies one or more color schemes with which the document is compatible. The browser will use this information in tandem with the user's browser or device settings to determine what colors to use for everything from background and foregrounds to form controls and scrollbars. The primary use for is to indicate compatibility with—and order of preference for—light and dark color modes. The value of the content property for color-scheme may be one of the following:

  • normal

    The document is unaware of color schemes and should be rendered using the default color palette.

  • [light | dark]+

    One or more color schemes supported by the document. Specifying the same color scheme more than once has the same effect as specifying it only once. Indicating multiple color schemes indicates that the first scheme is preferred by the document, but that the second specified scheme is acceptable if the user prefers it.

  • only light

    Indicates that the document only supports light mode, with a light background and dark foreground colors. By specification, only dark is not valid, because forcing a document to render in dark mode when it isn't truly compatible with it can result in unreadable content; all major browsers default to light mode if not otherwise configured.

Platform Specific

msApplication-TileImage

<meta name="msapplication-TileImage" content="./icon/enuk.png">

Source Credits & Additional Information: