diff --git a/pyproject.toml b/pyproject.toml
index d2968422..518de100 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -115,4 +115,6 @@ warn_unused_configs = true
 
 [tool.djlint]
 profile = "jinja"
-ignore = "H005,H016,H030,H031,H006,H013"
+# H056/H057: the media <img>/<source> src is intentionally empty (populated at
+# runtime by report.js), and the <video> has no caption source to track.
+ignore = "H005,H016,H030,H031,H006,H013,H056,H057"
diff --git a/src/pytest_html/resources/index.jinja2 b/src/pytest_html/resources/index.jinja2
index d899375e..50849184 100644
--- a/src/pytest_html/resources/index.jinja2
+++ b/src/pytest_html/resources/index.jinja2
@@ -4,11 +4,11 @@
     <meta charset="utf-8"/>
     <title id="head-title">{{ title }}</title>
     {%- if self_contained %}
-      <style type="text/css">
+      <style>
         {{- styles|safe }}
       </style>
     {% else %}
-      <link href="{{ styles }}" rel="stylesheet" type="text/css"/>
+      <link href="{{ styles }}" rel="stylesheet"/>
     {%- endif %}
   </head>
   <body>
@@ -87,7 +87,7 @@
           {%- endfor %}
           </div>
           <div class="collapse">
-            <button id="show_all_details">Show all details</button>&nbsp;/&nbsp;<button id="hide_all_details">Hide all details</button>
+            <button id="show_all_details" type="button">Show all details</button>&nbsp;/&nbsp;<button id="hide_all_details" type="button">Hide all details</button>
           </div>
         </div>
       </div>