0

我目前正在使用这个 DOCTYPE:<!DOCTYPE HTML SYSTEM>

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

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

你能告诉我DOCTYPE我应该使用的正确方法吗?

谢谢

4

4 回答 4

0

你为什么不简单地删除它SYSTEM

<!DOCTYPE HTML>

也许 :

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

并尝试看看它是否有效......

于 2012-04-06T08:46:55.337 回答
0

它不取决于你有什么 DOCTYPE 声明,或者即使你有没有。
您的<style>元素在文档中的错误位置。将其向上移动到<head>.

澄清一下,如果 W3C 验证器说“文档类型”,它只是表示文档的类型,即 HTML。这与提到的序言“DOCTYPE 声明”不同。

于 2012-04-06T08:51:19.237 回答
0

您可能已将元素放置在style元素内部body。虽然在那里可以正常工作,但正式规则不允许这样做。将其移动到head元素中。

如果问题仍然存在,请提供整个文档的链接。当问题是元素出现在错误的上下文中时,比如这里,上下文是最重要的。

于 2012-04-06T10:16:54.470 回答
0

提示:

  • 将您的脚本和样式标签放在您的 HEAD 部分
  • 把剩下的放在你的身体部分
  • 请记住“关闭”所有标签。

<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>
于 2012-04-06T11:34:13.193 回答