Question

我目前正在使用此DOCTYPE：<!DOCTYPE HTML SYSTEM>

但是，当我验证我的网页时，我收到以下错误：

文档类型此处不允许元素“STYLE”，<style type="text/css">

您能告诉我正确的DOCTYPE我应该使用吗？

由于

Answer 1

为什么不简单地删除SYSTEM：

<!DOCTYPE HTML>

或者，或许：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

试着看看它是否有效......

Answer 2

它不依赖于您拥有的DOCTYPE声明，或者即使您有一个或两个声明您的<style>元素位于文档中的错误位置。将其向上移动到<head>。

为了澄清，如果W3C验证器说“文档类型”，它只是表示文档的类型，即HTML。那就是不与你提到的序言“DOCTYPE声明”相同。

Answer 3

您可能已将style元素放在body元素中。虽然它在那里工作正常，但正式规则不允许这样做。将其移至head元素。

如果问题仍然存在，请提供整个文档的链接。当问题是元素出现在错误的上下文中时，就像这里一样，上下文非常重要。

Answer 4

提示：

将您的脚本和样式标记放在HEAD部分
将其余部分放在您的BODY部分
请记住“关闭”所有标签。

<html>
      <head>
             <!-- title,scripts & styles go here -->
      </head>
      <body>
             <!-- the rest goes here -->
      </body>
</html>

您的代码:(更新：通过验证）

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>World Flag Registration</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="validate.js"></script>

        <style type="text/css">
            label{
                display:inline-block;
                width:200px;
                margin-right:30px;
                text-align:right;
            }

            input{

            }

            a, a:link, a:visited, a:active { 
                 color: #000000;
            }

            fieldset{
                border:none;
                width:500px;
                margin:0px auto;
            }
        </style>

    </head>
    <body>

        <form onsubmit="return validate(this);" action="registrationSubmit.html">
            <p align="center"><font face="Times New Roman" size="6">World Flag Registration</font></p>
            <p align="center"><a href="index.html"><font face="Times New Roman">Home</font></a> | <a href="registration.html"> Register</a> | Play</p>
            <p align="center">Please register your school in order to play the Flag Quiz</p>

            <fieldset>
                <legend></legend>
                <label>Classroom name:</label><input type="text" name="txtClassroomName" size="20">
                <label>School name:</label><input type="text" name="txtSchoolName" size="20">
                <label>School contact email address:</label><input type="text" name="txtSchoolEmail" size="20">
                <label>School address:</label><input type="text" name="txtSchoolAddress" size="20">
                <label>School telephone number:</label><input type="text" name="txtTelephoneNumber" size="20">
            </fieldset>

            <div style="text-align:center">
                <input type="submit" name="btnSubmit" value="Submit" onClick="Submit" align="middle">
            </div>
        </form>
    </body>
</html>

文档类型不允许元素“STYLE”在这里

4 个答案: