<zhead>

Meta Tags

msapplication-config

Learn how to use the msapplication-config meta tag to improve your site.

Specifies the path to the Microsoft application configuration file for a web page, enabling customization of certain features for browsers and devices that support Microsoft configurations, such as pinned sites in Windows.

Code Examples

<meta name="msapplication-config" content="/browserconfig.xml" />
Specifies the "msapplication-config" meta tag with a direct path to the browserconfig.xml file located at the root.

Recommendations

  • 01
    Specify a Full Path
    It's recommended to provide the full path to the browserconfig.xml file to avoid any confusion or misinterpretation by the browser.
  • 02
    Avoid Using Relative Paths
    Relative paths may not be consistently interpreted by all browsers or devices, leading to the configuration file not being found or applied correctly.

Related Documentation

Related Meta Tags

charset

charset

Defines the character encoding standard for the HTML document. Character encoding is essential for rendering text correctly in browsers.

<html lang="en">
  <meta charset="charset" content="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</html>
Declares UTF-8 as the character encoding for the HTML document, supporting most characters and symbols in use today.

application-name

name

Defines the name of the web application as it should be displayed when bookmarked or added to a mobile home screen.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="application-name" content="MyApp">
</html>
Simple, concise, and clearly displays the application's purpose or brand.

default-style

http-equiv

Specifies the name of the preferred stylesheet to use on a web page. This allows users or user agents to choose the default stylesheet amongst many provided.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="default-style" content="Main Style">
</html>
Correct use case where "Main Style" is precisely the title of one of the page’s alternative stylesheets.

format-detection

name

Controls how telephone numbers, email addresses, and physical addresses are detected and displayed by the browser. By default, many browsers can automatically detect this information and style or link it accordingly, which might not always align with the web developers’ intentions.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
</html>
Prevents the browser from auto-detecting and linking phone numbers, allowing the site to control how and if phone numbers are clickable.

color-scheme

name

Instructs the browser on what color themes (light or dark mode) are supported and preferred for the content, ensuring visual consistency and accessibility.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="color-scheme" content="light dark">
</html>
Indicates to the browser that the site smoothly supports both light and dark themes, offering flexibility to match the user’s preferred theme setting.