treewide: HTML Cleanup

* HTML Cleanup: Meta tags.
* Converted charset to shorthand.
* Removed meta tags with `Content-Script-Type` attribute. (Invalid in HTML5 spec.)

* HTML Cleanup: CSS tags.
* Removed `type` attribute with CSS files from link tags. (HTML5 spec recommends omitting it.)
* Removed `type` attribute from style tags. (Deprecated in HTML5 spec.)
https://html.spec.whatwg.org/#attr-link-type
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style

* HTML Cleanup: Convert from XHTML to HTML5
* Removed XML declaration.
* Removed XML namespace.
* Changed doctype to HTML5.

* HTML Cleanup: CDATA tags.
* CDATA sections should not be used within HTML they are considered as comments and not displayed.
https://developer.mozilla.org/en-US/docs/Web/API/CDATASection

* HTML Cleanup: Script tags.
* Removed `language` attribute from script tags. (No longer valid in HTML5)
* Removed `type` attribute with JavaScript MIME type from script tags. (HTML5 spec recommends omitting it.)
https://html.spec.whatwg.org/multipage/scripting.html#attr-script-type
https://mimesniff.spec.whatwg.org/#javascript-mime-type

Signed-off-by: Mustafa Can Elmacı <mustafacan@elmaci.net>
This commit is contained in:
Mustafa Can Elmacı
2024-11-17 15:52:45 +03:00
committed by Paul Donald
parent aa955d6465
commit ae8bbb814f
54 changed files with 106 additions and 121 deletions

View File

@@ -14,7 +14,7 @@
</span>
<ul class="breadcrumb pull-right" id="modemenu" style="display:none"></ul>
</footer>
<script type="text/javascript">L.require('menu-bootstrap')</script>
<script>L.require('menu-bootstrap')</script>
{% endif %}
</body>
</html>

View File

@@ -20,7 +20,7 @@
<meta charset="utf-8">
<title>{{ striptags(`${boardinfo.hostname ?? '?'}${node ? ` - ${node.title}` : ''}`) }} - LuCI</title>
{% if (!darkpref): %}
<script type="text/javascript">
<script>
var mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'),
rootElement = document.querySelector(':root'),
setDarkMode = function(match) { rootElement.setAttribute('data-darkmode', match.matches) };
@@ -31,7 +31,7 @@
{% endif %}
<meta name="viewport" content="initial-scale=1.0">
<link rel="stylesheet" href="{{ media }}/cascade.css">
<link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="{{ media }}/mobile.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="{{ media }}/mobile.css" />
<link rel="icon" href="{{ media }}/logo_48.png" sizes="48x48">
<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
{% if (node?.css): %}

View File

@@ -38,7 +38,7 @@
<div id="view">
<div class="spinning">{{ _('Loading view…') }}</div>
<script type="text/javascript">
<script>
L.require('ui').then(function(ui) {
ui.instantiateView('bootstrap.sysauth');
});

View File

@@ -26,7 +26,7 @@
</div>
</div>
<script type="text/javascript">L.require('menu-material')</script>
<script>L.require('menu-material')</script>
</body>
</html>

View File

@@ -10,7 +10,7 @@
Powered by {{ version.luciname }} ({{ version.luciversion }})
</p>
<script type="text/javascript">L.require('menu-openwrt2020')</script>
<script>L.require('menu-openwrt2020')</script>
</body>
</html>

View File

@@ -14,15 +14,14 @@
<!DOCTYPE html>
<html lang="{{ dispatcher.lang }}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" type="text/css" media="screen" href="{{ media }}/cascade.css" />
<link rel="stylesheet" media="screen" href="{{ media }}/cascade.css" />
<link rel="icon" href="{{ media }}/logo.png" sizes="180x180">
<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
<script type="text/javascript" src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
<script type="text/javascript" src="{{ resource }}/cbi.js"></script>
<script src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
<script src="{{ resource }}/cbi.js"></script>
<title>{{ striptags(`${boardinfo.hostname ?? '?'}${node ? ` - ${node.title}` : ''}`) }} - LuCI</title>
{% if (css): %}
<style title="text/css">{{ css }}</style>

View File

@@ -12,7 +12,7 @@
Powered by {{ version.luciname }} ({{ version.luciversion }})
</p>
<script type="text/javascript">L.require('menu-openwrt')</script>
<script>L.require('menu-openwrt')</script>
</body>
</html>

View File

@@ -16,18 +16,17 @@
<!DOCTYPE html>
<html lang="{{ dispatcher.lang }}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" type="text/css" media="screen" href="{{ media }}/cascade.css" />
<link rel="stylesheet" media="screen" href="{{ media }}/cascade.css" />
{% if (node?.css): %}
<link rel="stylesheet" type="text/css" media="screen" href="{{ resource }}/{{ node.css }}" />
<link rel="stylesheet" media="screen" href="{{ resource }}/{{ node.css }}" />
{% endif %}
{% if (css): %}
<style type="text/css">{{ css }}</style>
<style>{{ css }}</style>
{% endif %}
<script type="text/javascript" src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
<script type="text/javascript" src="{{ resource }}/cbi.js"></script>
<script src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
<script src="{{ resource }}/cbi.js"></script>
<title>{{ striptags(`${boardinfo.hostname ?? '?'}${node ? ` - ${_(node.title)}` : ''}`) }} - LuCI</title>
</head>