Question

所以我有这个HTML文件，它给了我两个验证错误，我不知道如何解决它，我认为这是因为风格超出了范围，但我不知道在哪里放置它，一直在玩现在好一个小时左右。＆＃xA;如下所示，我添加了一张显示使用本网站验证错误的图片 https://validator.w3.org/nu/#file

＆＃xA;＆＃xA;

这是范围问题还是这里发生的事情？

＆＃xA;＆＃xA;

如果我将其添加到我得到了这个＆＃xA;

＆＃xA;＆＃xA;

 ＆lt;！DOCTYPE html＆gt;＆＃xA;＆lt; html＆gt; ＆＃XA; ＆LT; HEAD＆GT; ＆＃XA; ＆LT;标题＆GT; ComputerFix＆LT; /标题＆GT; ＆＃XA; ＆lt; link rel =“stylesheet”type =“text / css”href =“style.css”＆gt;＆＃xA; ＆lt; meta name =“viewport”content =“width = device-width，initial-scale = 1.0”＆gt;＆＃xA; ＆lt; meta charset =“UTF-8”＆gt;＆＃xA; ＆LT; /头＆GT; ＆＃XA;＆＃XA; ＆LT;风格＆GT;＆＃XA;主要{＆＃xA;显示：弯曲;宽度：100％;＆＃xA;对齐项：中心;＆＃XA;证明内容：中心;＆＃XA; }＆＃XA;＆＃XA;标签{＆＃xA;显示：块;＆＃XA; }＆＃XA; ＆LT; /风格＆GT;＆＃XA;＆＃XA;＆＃XA; ＆lt; body class =“StandardBackground”＆gt; ＆＃XA; ＆lt; div id =“navbar”＆gt; ＆＃XA; ＆LT; UL＆GT; ＆＃XA; ＆lt; li＆gt;＆lt; a href =“index.html”＆gt;主页＆lt; / a＆gt;＆lt; / li＆gt; ＆＃XA; ＆lt; li＆gt;＆lt; a href =“about.html”＆gt;关于＆lt; / a＆gt;＆lt; / li＆gt; ＆＃XA; ＆lt; li＆gt;＆lt; a href =“information.html”＆gt;信息＆lt; / a＆gt;＆lt; / li＆gt;＆＃xA; ＆lt; li＆gt;＆lt; a href =“contact.html”＆gt;联系＆lt; / a＆gt;＆lt; / li＆gt;＆＃xA; ＆lt; li＆gt;＆lt; a href =“download.html”＆gt;下载＆lt; / a＆gt;＆lt; / li＆gt;＆＃xA; ＆LT; / UL＆GT; ＆＃XA; ＆LT; / DIV＆GT; ＆＃XA;＆＃XA;＆＃XA; ＆lt;主＆GT;＆＃XA; ＆LT;形式＆GT;＆＃XA; ＆LT;字段集＆GT;＆＃XA; ＆lt; legend＆gt; Kontakta oss＆lt; / legend＆gt;＆＃xA; ＆LT; DIV＆GT;＆＃XA; ＆lt; label for ='name'＆gt;名称：＆lt; / label＆gt;＆＃xA; ＆lt; input type =“text”name ='name'＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; DIV＆GT;＆＃XA; ＆lt; label for ='email'＆gt;电子邮件：＆lt; / label＆gt;＆＃xA; ＆lt; input type =“email”name ='email'＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; DIV＆GT;＆＃XA; ＆lt; label for ='phone'＆gt; Telefonnummer：＆lt; / label＆gt;＆＃xA; ＆lt; input type =“text”name ='phone'＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; DIV＆GT;＆＃XA; ＆lt; label for ='meddelande'＆gt; Meddelande：＆lt; / label＆gt;＆＃xA; ＆lt; textarea name ='meddelande'＆gt;＆lt; / textarea＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; DIV＆GT;＆＃XA; ＆lt; input type ='submit'＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; /字段集＆GT;＆＃XA;＆＃XA; ＆LT; /形式＆GT;＆＃XA; ＆LT; /主＆GT;＆＃XA;＆＃XA; ＆LT; /体＆GT;＆＃XA;＆LT; / HTML＆GT;＆＃XA;

＆＃XA;

Answer 1

<style>元素必须出现在<head>元素中。您已将其放在<head>和<body>元素之间，但不允许任何内容。

for的{{1}}属性需要引用相关表单控件的<label>，而不是id。（多个元素可以共享一个名称，这使得它不适合将任何内容与特定元素相关联。）

Answer 2

标签中的for是指所需元素的id：

   <div>
        <label for='name'>Name:</label>
        <input type="text" name='name' id='name'>
    </div>

请在此处查看：https://www.w3schools.com/tags/tag_label.asp

Answer 3

<style>的展示位置应位于<head>中，表单输入应使用ID，而不是名称才能验证。

<!DOCTYPE html>
<html>

  <head>
    <title>ComputerFix</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <style>
      main {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
      }

      label {
        display: block;
      }

    </style>
  </head>




  <body class="StandardBackground">
    <div id="navbar">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="information.html">Information</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="download.html">Download</a></li>
      </ul>
    </div>


    <main>
      <form>
        <fieldset>
          <legend>Kontakta oss</legend>
          <div>
            <label for="name">Name:</label>
            <input type="text" name="name" id="name">
          </div>
          <div>
            <label for="email">Email:</label>
            <input type="email" name="email" id="email">
          </div>
          <div>
            <label for="phone">Telefonnummer:</label>
            <input type="text" name="phone" id="phone">
          </div>
          <div>
            <label for="meddelande">Meddelande:</label>
            <textarea name="meddelande" id="meddelande"></textarea>
          </div>
          <div>
            <input type="submit">
          </div>
        </fieldset>

      </form>
    </main>

  </body>

</html>

Answer 4

如前所述，对代码进行2次更正：

1。）将Style标签放在头部开始和结束标签之间。这是内部CSS的严格标准。

2。）您在表单中使用的 for 属性使用的值是“ id ”而不是“名称”。因此，在输入标记id =“name”或id =“email”或其他任何内容中添加另一个属性。

如何修复我的<style>标签的验证错误

4 个答案: