HTML 验证器问题答案

【问题标题】：HTML validator issuesHTML 验证器问题
【发布时间】：2015-08-06 17:24:43
【问题描述】：

如何修复我的网页编码。该网页可以在 cis.csuohio.edu/~daloucks/test.html 我正在为一堂课这样做，我们需要消除所有警告。添加元标记后，我会收到杂散标记错误。有人告诉我将编辑器中的编码更改为UTF-8（我使用的是记事本++），这增加了更多错误。我用的是普通的记事本，这也没有解决问题。

i.imgur.com/N6jjOfM.png 这些是我在将测试更改为文本后遇到的错误。我在https://validator.w3.org 使用了一个验证器，这给了我文档编码的警告。

【问题讨论】：

我在该 URL 中没有看到任何编码错误，是我遗漏了什么吗？
警告在哪里？？？
我在你的'h2'标签样式h1 { color: orange; test-align: center; }中看到的唯一警告，使用text-align而不是测试对齐
<style> 在<head> 之外
i.imgur.com/N6jjOfM.png 这些是我在将测试更改为文本后遇到的错误。我在validator.w3.org 使用验证器，这给了我文档编码的警告。

标签： html utf-8

【解决方案1】：

将您的文档更改为如下所示，然后重新验证

<!DOCTYPE HTML>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title> Test </title>
 <style>
     body{
              background-color: #d0e4fe;
        }

    h1{
        color: orange;
        text-align: center;
      }

    p{
         font-family: "Times New Roman";
         font-size: 20px;
     }
</style>
</head>
<body>

    <h1>This is a heading</h1>
    <p>This is a paragraph</p>
 </body>
</html>

【讨论】：

已修复，谢谢。我添加了验证器的链接，它给了我文档编码的问题。
请将<style>标签放在<head>标签内并尝试删除<meta charset="UTF-8">
我的教授要求元标记存在。他正在扣分，很多分，因为我无法让文档以 UTF-8 编码，它本身就以 iso-8859-1 编码。标题标签也应该在样式标签的头部标签之间吗？
感谢您的帮助。 validator.w3.org/… 这是最后一步。编码仍在 iso-8859-1 中。
@Dave 我编辑了我的答案，试着把你的 html 改成那样