You are here

Home » API reference » Drupal 8

html.html.twig in Drupal 8

Same filename in this branch
  1. 8 core/modules/system/templates/html.html.twig
  2. 8 core/themes/classy/templates/layout/html.html.twig
  3. 8 core/themes/stable/templates/layout/html.html.twig
  4. 8 core/themes/claro/templates/classy/layout/html.html.twig
  5. 8 core/themes/seven/templates/classy/layout/html.html.twig
  6. 8 core/themes/bartik/templates/classy/layout/html.html.twig
  7. 8 core/profiles/demo_umami/themes/umami/templates/classy/layout/html.html.twig
Same filename and directory in other branches
  1. 9 core/profiles/demo_umami/themes/umami/templates/classy/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.

See also

template_preprocess_html()

1 theme call to html.html.twig
Html::getInfo in core/lib/Drupal/Core/Render/Element/Html.php
Returns the element properties for this element.

File

core/profiles/demo_umami/themes/umami/templates/classy/layout/html.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

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

  5.  *

  6.  * Variables:

  7.  * - logged_in: A flag indicating if user is logged in.

  8.  * - root_path: The root path of the current page (e.g., node, admin, user).

  9.  * - node_type: The content type for the current node, if the page is a node.

  10.  * - head_title: List of text elements that make up the head_title variable.

  11.  *   May contain one or more of the following:

  12.  *   - title: The title of the page.

  13.  *   - name: The name of the site.

  14.  *   - slogan: The slogan of the site.

  15.  * - page_top: Initial rendered markup. This should be printed before 'page'.

  16.  * - page: The rendered page markup.

  17.  * - page_bottom: Closing rendered markup. This variable should be printed after

  18.  *   'page'.

  19.  * - db_offline: A flag indicating if the database is offline.

  20.  * - placeholder_token: The token for generating head, css, js and js-bottom

  21.  *   placeholders.

  22.  *

  23.  * @see template_preprocess_html()

  24.  */

  25. #}

  26. {%

  27.   set body_classes = [

  28.     logged_in ? 'user-logged-in',

  29.     not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,

  30.     node_type ? 'page-node-type-' ~ node_type|clean_class,

  31.     db_offline ? 'db-offline',

  32.   ]

  33. %}

  34. <!DOCTYPE html>

  35. <html{{ html_attributes }}>

  36.   <head>

  37.     <head-placeholder token="{{ placeholder_token }}">

  38.     <title>{{ head_title|safe_join(' | ') }}</title>

  39.     <css-placeholder token="{{ placeholder_token }}">

  40.     <js-placeholder token="{{ placeholder_token }}">

  41.   </head>

  42.   <body{{ attributes.addClass(body_classes) }}>

  43.     {#

  44.       Keyboard navigation/accessibility link to main content section in

  45.       page.html.twig.

  46.     #}

  47.     <a href="#main-content" class="visually-hidden focusable skip-link">

  48.       {{ 'Skip to main content'|t }}

  49.     </a>

  50.     {{ page_top }}

  51.     {{ page }}

  52.     {{ page_bottom }}

  53.     <js-bottom-placeholder token="{{ placeholder_token }}">

  54.   </body>

  55. </html>