diff -u b/core/modules/node/templates/node.html.twig b/core/modules/node/templates/node.html.twig
--- b/core/modules/node/templates/node.html.twig
+++ b/core/modules/node/templates/node.html.twig
@@ -5,14 +5,14 @@
  *
  * Available variables:
  * - node: Full node entity.
- *   - node.id: The node ID
- *   - node.bundle: The type of the node, for example, "page" or "article".
- *   - node.authorid: The user ID of the node author.
- *   - node.createdtime: Formatted creation date. Preprocess functions can reformat
+ *   - id: The node ID
+ *   - bundle: The type of the node, for example, "page" or "article".
+ *   - authorid: The user ID of the node author.
+ *   - createdtime: Formatted creation date. Preprocess functions can reformat
  *     it by calling format_date() with the desired parameters on
  *     $variables['node']->getCreatedTime().
- *   - node.promoted: Whether the node is promoted to the front page.
- *   - node.sticky: Whether the node is 'sticky'. Sticky nodes are ordered above
+ *   - promoted: Whether the node is promoted to the front page.
+ *   - sticky: Whether the node is 'sticky'. Sticky nodes are ordered above
  *     other non-sticky nodes in teaser listings
  *   - published: Whether the node is published.
  * - label: The title of the node.
@@ -37,15 +37,14 @@
  *   - node--[type]: The current node type. For example, if the node is a
  *     "Article" it would result in "node--article". Note that the machine
  *     name will often be in a short form of the human readable label.
- *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a teaser
- *     would result in: "node--view-mode-teaser", and
- *     full: "node--view-mode-full".
- *   - node--preview: Whether a node is in preview mode.
+ *   - view-mode-[view_mode]: The View Mode of the node; for example, a teaser
+ *     would result in: "view-mode-teaser", and full: "view-mode-full".
+ *   - is-preview: Whether a node is in preview mode.
  *   The following are controlled through the node publishing options.
- *   - node--promoted: Appears on nodes promoted to the front page.
- *   - node---sticky: Appears on nodes ordered above other non-sticky nodes in teaser
+ *   - is-promoted: Appears on nodes promoted to the front page.
+ *   - is-sticky: Appears on nodes ordered above other non-sticky nodes in teaser
  *     listings.
- *   - node---unpublished: Appears on unpublished nodes visible only to site admins.
+ *   - is-unpublished: Appears on unpublished nodes visible only to site admins.
  * - title_prefix: Additional output populated by modules, intended to be
  *   displayed in front of the main title tag that appears in the template.
  * - title_suffix: Additional output populated by modules, intended to be
@@ -77,7 +76,7 @@
  * @ingroup themeable
  */
 #}
-<article {{ attributes }}>
+<article class="{{ attributes.class }}"{{ attributes|without('class') }}>
 
   {{ title_prefix }}
   {% if not page %}
@@ -88,13 +87,14 @@
   {{ title_suffix }}
 
   {% if display_submitted %}
+    <footer>
     <footer class="node__meta">
       {{ author }}
       {{ submitted }}
     </footer>
   {% endif %}
 
-  <div class="node__content {{ content_attributes.class }}"{{ content_attributes|without('class') }}>
+  <div class="node__content"{{ content_attributes }}>
     {{ content|without('links') }}
   </div>
 
diff -u b/core/themes/bartik/templates/node.html.twig b/core/themes/bartik/templates/node.html.twig
--- b/core/themes/bartik/templates/node.html.twig
+++ b/core/themes/bartik/templates/node.html.twig
@@ -5,16 +5,16 @@
  *
  * Available variables:
  * - node: Full node entity.
- *   - node.id: The node ID
- *   - node.bundle: The type of the node, for example, "page" or "article".
- *   - node.authorid: The user ID of the node author.
- *   - node.createdtime: Formatted creation date. Preprocess functions can reformat
+ *   - id: The node ID
+ *   - bundle: The type of the node, for example, "page" or "article".
+ *   - authorid: The user ID of the node author.
+ *   - createdtime: Formatted creation date. Preprocess functions can reformat
        it by calling format_date() with the desired parameters on
  *     $variables['node']->getCreatedTime().
- *   - node.promoted: Whether the node is promoted to the front page.
- *   - node.sticky: Whether the node is 'sticky'. Sticky nodes are ordered above
+ *   - promoted: Whether the node is promoted to the front page.
+ *   - sticky: Whether the node is 'sticky'. Sticky nodes are ordered above
  *     other non-sticky nodes in teaser listings
- *   - node.published: Whether the node is published.
+ *   - published: Whether the node is published.
  * - label: The title of the node.
  * - content: All node items. Use {{ content }} to print them all,
  *   or print a subset such as {{ content.field_example }}. Use
@@ -36,15 +36,14 @@
  *   - node--[type]: The current node type. For example, if the node is a
  *     "Article" it would result in "node--article". Note that the machine
  *     name will often be in a short form of the human readable label.
- *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a teaser
- *     would result in: "node--view-mode-teaser", and
- *     full: "node--view-mode-full".
+ *   - view-mode-[view_mode]: The View Mode of the node; for example, a teaser
+ *     would result in: "view-mode-teaser", and full: "view-mode-full".
  *   - is-preview: Whether a node is in preview mode.
  *   The following are controlled through the node publishing options.
- *   - node--promoted: Appears on nodes promoted to the front page.
- *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in teaser
+ *   - is-promoted: Appears on nodes promoted to the front page.
+ *   - is-sticky: Appears on nodes ordered above other non-sticky nodes in teaser
  *     listings.
- *   - node--unpublished: Appears on unpublished nodes visible only to site admins.
+ *   - is-unpublished: Appears on unpublished nodes visible only to site admins.
  * - title_prefix: Additional output populated by modules, intended to be
  *   displayed in front of the main title tag that appears in the template.
  * - title_suffix: Additional output populated by modules, intended to be
@@ -89,7 +88,7 @@
     {% endif %}
   </header>
 
-  <div class="node__content clearfix {{ content_attributes.class }}"{{ content_attributes|without('class') }}>
+  <div class="node__content clearfix"{{ content_attributes }}>
     {{ content|without('comment', 'links') }}
   </div>