这个HTML代码是从GitHub下载后改编的,改完后才注意到有一堆代码不规范啥的,就又改过一些,然后遇到了一些莫名其妙的报错(开源项目原本的代码也有这些报错),报错内容对于用户没有影响,但是搜索引擎之类的程序就无法有效解读,希望有大。佬看下
源码过长,无法展示,本文仅展示很少一部份(怀疑有问题的部分)全部代码烦劳在展示网址另存下载查看。
错误信息:
Element “style” not allowed as child of element “div” in this context. (Suppressing further errors from this subtree.)
From line 1127, column 13 to line 1127, column 19
Code Extract:
<style>↩
Stray end tag “head”.
From line 1169, column 1 to line 1169, column 7
Code Extract:
</script></head>↩↩<bo
Start tag “body” seen but an element of the same type was already open.
From line 1171, column 1 to line 1171, column 6
Code Extract:
↩</head>↩<body>↩
Bad value “let x=this;x.nextElementSibling.select();document.execCommand('copy');x.innerText='Copied';setTimeout(function(){x.innerText='Copy'},1000)” for attribute “onclick” on element “button”: missing ; before statement
From line 1325, column 97 to line 1326, column 153
Code Extract:
an> ?????<button class=noscript-hide↩ onclick="let x=this;x.nextElementSibling.select();document.execCommand('copy');x.innerText='Copied';setTimeout(function(){x.innerText='Copy'},1000)">Copy<
The “label” element may contain at most one “button”, “input”, “meter”, “output”, “progress”, “select”, or “textarea” descendant.
From line 1326, column 167 to line 1327, column 44
Code Extract:
y</button<input↩ readonly id=copy value=/spin-the-wheel/> </la
“label” element with multiple labelable descendants.
From line 1325, column 22 to line 1325, column 51
Code Extract:
<section<label class="block copy-box">?? <s
Section lacks heading. Consider using “h2”-“h6” elements to add identifying headings to all sections.
From line 1325, column 13 to line 1325, column 21
Code Extract:
<section><labe
Article lacks heading. Consider using “h2”-“h6” elements to add identifying headings to all articles.
From line 1328, column 13 to line 1328, column 51
Code Extract:
<article class="text-content bg-glare"></art
End tag for “body” seen, but there were unclosed elements.
From line 1337, column 5 to line 1337, column 11
Code Extract:
/div>↩ </body>↩</ht
Unclosed element “div”.
From line 1115, column 5 to line 1115, column 26
Code Extract:
abel>↩ <div class=color-wrap>↩
主要没懂的就是关于《head>和《body>的,我反复确认全文件中这两都只出现过一次,但是所有平台都报错说是body之前出现过
源码如下:
<!doctype html>
<html lang=en>
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8753497615501017"
crossorigin="anonymous"></script>
<meta name=viewport content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<title>Spin the Wheel | Aurorum.co</title>
<meta name=description content="做不好决定吗? 创建名称,决策或任务的转盘,让它随机发生。 让转盘来决定。"/>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<noscript>
<style>.noscript-hide{display:none!important}</style>
</noscript><input id=default name=changer type=radio class=theme-box checked> <input id=dark name=changer type=radio class=theme-box> <label class=theme for=dark id=dark-btn><span></span> <span class=dark-mode-hide aria-label="dark color scheme">关灯</span>
<span class=light-mode-hide aria-label="light color scheme">light</span></label> <input id=vegas name=changer type=radio class=theme-box> <label class=theme for=vegas id=vegas-btn><span></span> <span aria-label="vegas color scheme">vegas</span></label>
<input id=party name=changer type=radio class=theme-box> <label class=theme for=party id=party-btn><span></span> <span aria-label="party color scheme">party</span></label> <input id=dd name=changer type=radio class=theme-box> <label class=theme for=dd id=dd-btn><span></span> <span aria-label="d&d color scheme">d&d</span></label> <label class=theme for=default id=default-btn><span></span> <span class=light-mode-hide aria-label="dark color scheme">关灯</span> <span class=dark-mode-hide aria-label="light color scheme">light</span></label>
<div class=color-wrap>
<header class="site-head bg-base"><a href=/><svg viewBox="-2 -1 17 18">
<g fill=transparent stroke-width=.5 stroke-linecap=round stroke-linejoin=round>
<path d="m0 4v8l7 4 7-4v-8l-7-4z" fill=var(--glare) />
<path d="M0 12l7-4 7 4-7 4z" fill=var(--shade) />
<path d="m0 4v8l7 4 7-4v-8l-7-4zM0 4l7 4 7-4M7 8v8" stroke=var(--text) />
<path d="M7 8l-7 4m7-4v-8m0 8 7 4" stroke=var(--text) stroke-dasharray=1,1.3 />
</g>
</svg>首页</a></header>
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/css/joe.mode.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/css/joe.normalize.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/css/joe.global.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/css/joe.responsive.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/qmsg/qmsg.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/fancybox@3.5.7/fancybox.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/animate.css@4.1.1/animate.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/font-awesome@4.7.0/font-awesome.min.css" rel="stylesheet" />
<link href="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/APlayer@1.10.1/APlayer.min.css" rel="stylesheet" />
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/jquery@3.6.1/jquery.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/scroll/scroll.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/lazysizes@5.3.2/lazysizes.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/APlayer@1.10.1/APlayer.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/sketchpad/sketchpad.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/fancybox@3.5.7/fancybox.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/extend/extend.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/qmsg/qmsg.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/3dtag/3dtag.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/lib/smooth/smooth.min.js" async></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/cursor/cursor6.js" async></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/js/joe.global.min.js"></script>
<script src="https://tools.aurorum.co/usr/themes/Joe-master/assets/js/joe.short.min.js"></script>
</head>
<body>