Omit closing tag on void elements

The self-closing / has no effect on the start tags of void elements in HTML5. For this reason, we should standardise on omitting them. https://html.spec.whatwg.org/dev/syntax.html#start-tags #1122
alphagov · Feb 20, 2023 · b07ccb4 · b07ccb4
1 parent bec07ac
commit b07ccb4
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/views/layouts/_generic.njk b/views/layouts/_generic.njk
@@ -12,13 +12,13 @@
   <meta name="og:title" content="{{title}}">
   <meta name="description" content="{{description}}">
   <meta name="og:description" content="{{description}}">
-  <link rel="canonical" href="{{ canonical }}" />
+  <link rel="canonical" href="{{ canonical }}">
   <!--[if lt IE 9]>
-    <link href="{{ getFingerprint('stylesheets/main-ie8.css') }}" rel="stylesheet" media="all" />
+    <link href="{{ getFingerprint('stylesheets/main-ie8.css') }}" rel="stylesheet" media="all">
     <script src="{{ getFingerprint('javascripts/head-ie8.js') }}"></script>
   <![endif]-->
   <!--[if !IE 8]><!-->
-    <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all" />
+    <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all">
   <!--<![endif]-->
   <script src="{{ getFingerprint('javascripts/vendor/modernizr.js') }}"></script>
 {% endblock %}

diff --git a/views/layouts/layout-example-full-page-govuk.njk b/views/layouts/layout-example-full-page-govuk.njk
@@ -5,10 +5,10 @@
 {% block pageTitle %}{{ title }} – Example – GOV.UK Design System{% endblock %}
 {% block head %}
   <meta name="robots" content="noindex, nofollow">
-  <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all" />
+  <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all">
   {#- Include any additional stylesheets specified in the example frontmatter #}
   {% for stylesheet in stylesheets %}
-  <link href="{{ getFingerprint(stylesheet) }}" rel="stylesheet" media="all" />
+  <link href="{{ getFingerprint(stylesheet) }}" rel="stylesheet" media="all">
   {%- endfor %}
   <!--[if lt IE 9]>
     <script src="{{ getFingerprint('javascripts/head-ie8.js') }}"></script>

diff --git a/views/layouts/layout-example-full-page.njk b/views/layouts/layout-example-full-page.njk
@@ -5,10 +5,10 @@
 {% block pageTitle %}{{ title }} – Example – GOV.UK Design System{% endblock %}
 {% block head %}
   <meta name="robots" content="noindex, nofollow">
-  <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all" />
+  <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all">
   {#- Include any additional stylesheets specified in the example frontmatter #}
   {% for stylesheet in stylesheets %}
-  <link href="{{ getFingerprint(stylesheet) }}" rel="stylesheet" media="all" />
+  <link href="{{ getFingerprint(stylesheet) }}" rel="stylesheet" media="all">
   {%- endfor %}
   <!--[if lt IE 9]>
     <script src="{{ getFingerprint('javascripts/head-ie8.js') }}"></script>

diff --git a/views/layouts/layout-example.njk b/views/layouts/layout-example.njk
@@ -10,12 +10,12 @@
   <meta name="og:title" content="{{title}}">
   <meta name="description" content="{{description}}">
   <meta name="og:description" content="{{description}}">
-  <link rel="canonical" href="{{ canonical }}" />
+  <link rel="canonical" href="{{ canonical }}">
 
-  <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all" />
+  <link href="{{ getFingerprint('stylesheets/main.css') }}" rel="stylesheet" media="all">
   {#- Include any additional stylesheets specified in the example frontmatter #}
   {% for stylesheet in stylesheets %}
-    <link href="{{ getFingerprint(stylesheet) }}" rel="stylesheet" media="all" />
+    <link href="{{ getFingerprint(stylesheet) }}" rel="stylesheet" media="all">
   {%- endfor %}
 
   <!--[if lt IE 9]>

diff --git a/views/partials/_image-card.njk b/views/partials/_image-card.njk
@@ -1,7 +1,7 @@
 {% macro imageCard(params) %}
   <div class="app-image-card {{- ' app-image-card--large' if params.large }}">
     <figure class="app-image-card__image-wrapper">
-      <img src="{{ params.src }}" alt="{{ params.alt }}" class="app-image--no-border" loading="lazy" />
+      <img src="{{ params.src }}" alt="{{ params.alt }}" class="app-image--no-border" loading="lazy">
     </figure>
     <div class="app-image-card__text">
       <h3>{{ params.title }}</h3>