在此上下文中,元素样式不允许作为元素主体的子元素。 (抑制此子树中的更多错误。)

时间:2013-10-14 16:04:13

标签: html css styles validation

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>assignment 4</title>
        <h1>Assignment4- CSS basics</h1>

 <style>
.special
{
text-align:justify;
text-indent:10px;
}

它告诉我不允许元素样式,请帮助

3 个答案:

答案 0 :(得分:4)

h1不属于head部分。相反,它应该在body

它应该类似于:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8" />
      <title>assignment 4</title>
      <style>
         .special {
             text-align:justify;
             text-indent:10px;
         }
      </style>
   </head>
   <body>
      <h1>Assignment4- CSS basics</h1>
   </body>
</html>

答案 1 :(得分:4)

<h1>(与其他内容元素一样)无法显示在<head>标记中 因此,解析器假定您关闭了<head>并启动了<body>

<style>标记只能 出现在<head>标记中 由于解析器之前隐式启动了<body>,因此会出错。

答案 2 :(得分:0)

在包含任何HTML内容之前,您需要关闭head部分。 css应该出现在头部内,但是身体内的H1标签。 即

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>assignment 4</title>
<style>
.special
{
   text-align:justify;
   text-indent:10px;
}
</style>
</head>
<body>
    <h1>Assignment4- CSS basics</h1>
</body>
</html>