html.html.twig in Drupal 10

Same filename in this branch

Same filename and directory in other branches

9 core/themes/olivero/templates/layout/html.html.twig

Theme override for the basic structure of a single Drupal page.

Variables:

logged_in: A flag indicating if user is logged in.
root_path: The root path of the current page (e.g., node, admin, user).
node_type: The content type for the current node, if the page is a node.
head_title: List of text elements that make up the head_title variable. May contain one or more of the following:
- title: The title of the page.
- name: The name of the site.
- slogan: The slogan of the site.
page_top: Initial rendered markup. This should be printed before 'page'.
page: The rendered page markup.
page_bottom: Closing rendered markup. This variable should be printed after 'page'.
db_offline: A flag indicating if the database is offline.
placeholder_token: The token for generating head, css, js and js-bottom placeholders.
olivero_path: Returns the path to an Olivero theme.
noscript_styles: <noscript> content.

File

core/themes/olivero/templates/layout/html.html.twig

View source

{#
/**
 * @file
 * Theme override for the basic structure of a single Drupal page.
 *
 * Variables:
 * - logged_in: A flag indicating if user is logged in.
 * - root_path: The root path of the current page (e.g., node, admin, user).
 * - node_type: The content type for the current node, if the page is a node.
 * - head_title: List of text elements that make up the head_title variable.
 *   May contain one or more of the following:
 *   - title: The title of the page.
 *   - name: The name of the site.
 *   - slogan: The slogan of the site.
 * - page_top: Initial rendered markup. This should be printed before 'page'.
 * - page: The rendered page markup.
 * - page_bottom: Closing rendered markup. This variable should be printed after
 *   'page'.
 * - db_offline: A flag indicating if the database is offline.
 * - placeholder_token: The token for generating head, css, js and js-bottom
 *   placeholders.
 * - olivero_path: Returns the path to an Olivero theme.
 * - noscript_styles: <noscript> content.
 *
 * @see template_preprocess_html()
 */
#}
{%
  set body_classes = [
    logged_in ? 'user-logged-in',
    not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
    node_type ? 'page-node-type-' ~ node_type|clean_class,
    db_offline ? 'db-offline',
  ]
%}
<!DOCTYPE html>
<html{{ html_attributes }}>
  <head>
    <head-placeholder token="{{ placeholder_token }}">
    <title>{{ head_title|safe_join(' | ') }}</title>
    <css-placeholder token="{{ placeholder_token }}">
    <js-placeholder token="{{ placeholder_token }}">
    {% include '@olivero/includes/preload.twig' with { olivero_path: olivero_path } only %}
    {{ noscript_styles }}
  </head>
  <body{{ attributes.addClass(body_classes) }}>
    {#
      Keyboard navigation/accessibility link to main content section in
      page.html.twig.
    #}
    <a href="#main-content" class="visually-hidden focusable skip-link">
      {{ 'Skip to main content'|t }}
    </a>
    {{ page_top }}
    {{ page }}
    {{ page_bottom }}
    <js-bottom-placeholder token="{{ placeholder_token }}">
  </body>
</html>

You are here

html.html.twig in Drupal 10

See also

File

API Navigation