Use HTML5 for webagg files

QuLogic · QuLogic · commit 9fe22a1b7c0e · 2022-11-02T02:57:26.000-04:00
Without the doctype, the file is loaded in quirks mode, which is
probably unwanted.
diff --git a/examples/user_interfaces/embedding_webagg_sgskip.py b/examples/user_interfaces/embedding_webagg_sgskip.py
@@ -52,16 +52,15 @@ def create_figure():
 # The following is the content of the web page.  You would normally
 # generate this using some sort of template facility in your web
 # framework, but here we just use Python string formatting.
-html_content = """
-<html>
+html_content = """<!DOCTYPE html>
+<html lang="en">
   <head>
     <!-- TODO: There should be a way to include all of the required javascript
                and CSS so matplotlib can add to the set in the future if it
                needs to. -->
     <link rel="stylesheet" href="_static/css/page.css" type="text/css">
-    <link rel="stylesheet" href="_static/css/boilerplate.css"
-          type="text/css" />
-    <link rel="stylesheet" href="_static/css/fbm.css" type="text/css" />
+    <link rel="stylesheet" href="_static/css/boilerplate.css" type="text/css">
+    <link rel="stylesheet" href="_static/css/fbm.css" type="text/css">
     <link rel="stylesheet" href="_static/css/mpl.css" type="text/css">
     <script src="mpl.js"></script>
 
diff --git a/lib/matplotlib/backends/web_backend/all_figures.html b/lib/matplotlib/backends/web_backend/all_figures.html
@@ -1,8 +1,9 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
   <head>
     <link rel="stylesheet" href="{{ prefix }}/_static/css/page.css" type="text/css">
-    <link rel="stylesheet" href="{{ prefix }}/_static/css/boilerplate.css" type="text/css" />
-    <link rel="stylesheet" href="{{ prefix }}/_static/css/fbm.css" type="text/css" />
+    <link rel="stylesheet" href="{{ prefix }}/_static/css/boilerplate.css" type="text/css">
+    <link rel="stylesheet" href="{{ prefix }}/_static/css/fbm.css" type="text/css">
     <link rel="stylesheet" href="{{ prefix }}/_static/css/mpl.css" type="text/css">
     <script src="{{ prefix }}/_static/js/mpl_tornado.js"></script>
     <script src="{{ prefix }}/js/mpl.js"></script>
diff --git a/lib/matplotlib/backends/web_backend/single_figure.html b/lib/matplotlib/backends/web_backend/single_figure.html
@@ -1,8 +1,9 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
   <head>
     <link rel="stylesheet" href="{{ prefix }}/_static/css/page.css" type="text/css">
-    <link rel="stylesheet" href="{{ prefix }}/_static/css/boilerplate.css" type="text/css" />
-    <link rel="stylesheet" href="{{ prefix }}/_static/css/fbm.css" type="text/css" />
+    <link rel="stylesheet" href="{{ prefix }}/_static/css/boilerplate.css" type="text/css">
+    <link rel="stylesheet" href="{{ prefix }}/_static/css/fbm.css" type="text/css">
     <link rel="stylesheet" href="{{ prefix }}/_static/css/mpl.css" type="text/css">
     <script src="{{ prefix }}/_static/js/mpl_tornado.js"></script>
     <script src="{{ prefix }}/js/mpl.js"></script>
