我应该在html中插入什么，这样在代码验证器中就可以了

What should I insert into html so it is ok in code validators?

本文关键字：验证 代码 就可以 html 插入 什么 我应该      更新时间：2023-09-26

这是我的HTML:

<!DOCTYPE html>
<html>
<head>
<script>
function run(){
    var div = document.createElement('div')
    div.style.position = 'absolute'
    div.style.left = 0
    div.style.top = 0
    div.onmouseover=function(){
        alert('mo')
        this.style.opacity = 0
    }
    div.style.width = 30
    div.style.height = 30
    div.style.backgroundColor = '#000'
    document.body.appendChild(div)
}
onload = run
</script>
<title></title>
</head>
<body>
</body>
</html>

这个html在quirks模式下运行正常。但是，我知道我需要为html使用一些其他标签。

我想知道……1 -我应该添加什么其他标签，使它在代码验证器中运行正常?

2 -为什么我的javascript不能与html5 doctype一起工作?(在quirks模式下可以正常工作)

谢谢:)

必须为高度和宽度指定一个单位指示符。例如:cm、mm、in、pt、pc、px、em、en、ex、ch、rem、vh、vw、vmin、vmax 

div.style.width = "30px";
div.style.height = "30px";

如果没有单位指示符，你的值就没有作用，div也不占页面空间。

另外，虽然JavaScript的其余部分在技术上是有效的，但在每个语句的末尾看到分号会很好。但是，也许这只是我个人的喜好。

我得到了3个警告。如果测试html,div不会出现。——马塞洛·诺罗尼亚

要摆脱两个字符编码警告，您需要通过meta标记在head标记中声明一个字符编码。下面是一个这样的例子(使用UTF-8):

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   ...
</head>

你得到的第三个警告是因为W3验证器本质上是在警告你HTML5仍在进行中，因此你的验证结果可能在未来发生变化。

要让您的div出现(这与您的HTML验证无关)，请参阅gilly3关于为您的宽度和高度属性指定单位的回答。

相关文章：