The meta tab may be used to add additional elements to the head section of an HTML document.

The elements marked with red were added by using the meta tab.

Description

Use the meta tab to add additional elements to the head of the generated HTML document. This can be used to include additional external JavaScript or CSS files, or to add custom meta tags.

The text entered in the meta tab must be valid HTML and it must be allowed inside the head element.

Including external fonts

To include a font from an external content provider, enter the following in the meta tab.

<link type="text/css" rel="stylesheet" href="https://fonts.example.com/css?family=EB+Garamond">

Meta tags for search engine optimization

One purpose of meta tags is for search engine optimization. The following example adds meta tags to provide more information about the page's content.

<meta name="description" content="A great from">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="John Doe">

Meta tags for HTTP-Header

Via meta tags with the attribute "http-equiv" and a corresponding value, it is also possible to set non existing HTTP headers. An example for the Content-Security-Policy header would look like this:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src 'self' data:; font-src 'self' data:">

It should be noted here that headers which are delivered by the application or the (web) server can not be overwritten!

Tags:
Copyright 2000-2024