中考之前不改名 2023-10-19 10:46 采纳率: 47.4%
浏览 9
已结题

HTML 代码 debug

这个HTML代码是从GitHub下载后改编的,改完后才注意到有一堆代码不规范啥的,就又改过一些,然后遇到了一些莫名其妙的报错(开源项目原本的代码也有这些报错),报错内容对于用户没有影响,但是搜索引擎之类的程序就无法有效解读,希望有大。佬看下

源码过长,无法展示,本文仅展示很少一部份(怀疑有问题的部分)全部代码烦劳在展示网址另存下载查看。

展示网址:

错误信息:

Element “style” not allowed as child of elementdivin this context. (Suppressing further errors from this subtree.)
From line 1127, column 13 to line 1127, column 19
Code Extract:
<style>↩
Stray end taghead”.
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 attributeonclickon elementbutton”: 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 elementdiv”.
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>
    
  • 写回答

2条回答 默认 最新

  • 易书生 2023-10-19 14:46
    关注

    你这代码里面写的不规范,全部写到 head 里面去了,应该写到 body 里面去,从第 14 行的 input 开始

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 10月27日
  • 已采纳回答 10月19日
  • 创建了问题 10月19日

悬赏问题

  • ¥30 seata使用出现报错,其他服务找不到seata
  • ¥35 引用csv数据文件(4列1800行),通过高斯-赛德尔法拟合曲线,在选取(每五十点取1点)数据,求该数据点的曲率中心。
  • ¥20 程序只发送0X01,串口助手显示不正确,配置看了没有问题115200-8-1-no,如何解决?
  • ¥15 Google speech command 数据集获取
  • ¥15 vue3+element-plus页面崩溃
  • ¥15 像这种代码要怎么跑起来?
  • ¥15 安卓C读取/dev/fastpipe屏幕像素数据
  • ¥15 pyqt5tools安装失败
  • ¥15 mmdetection
  • ¥15 nginx代理报502的错误