Question

由于以下错误，我的HTML未验证：

Error: Attribute name not allowed on element meta at this point.
Error: Attribute content not allowed on element meta at this point.

HTML

<head>
    <title>Homepage</title>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="home.css">
</head>

我尝试过在线搜索，但是上述语法无法找到问题吗？

Answer 1

您忘记了doctype标记并以错误的方式声明了编码。我搜索了文档，以帮助您了解您做错了什么。正确的代码在下面。

<强> 文档类型

2.2。 DOCTYPE

HTML5的HTML语法要求指定DOCTYPE以确保浏览器以标准模式呈现页面。 DOCTYPE没有其他用途，因此对XML是可选的。具有XML媒体类型的文档始终以标准模式处理。 [DOCTYPE]

DOCTYPE声明在HTML语法中是且不区分大小写。早期版本的HTML中的DOCTYPE较长，因为HTML语言是基于SGML的，因此需要引用DTD。使用HTML5不再是这种情况，仅需要DOCTYPE为使用HTML语法编写的文档启用标准模式。浏览器已经为此做了这个。

<强>来源： Why to use Doctype

字符编码

始终使用带有charset属性的元素或使用http-equiv和content属性（称为pragma指令）声明文档的编码。声明应完全适合文件开头的前1024个字节，因此最好将它放在开头标记之后。

来源：Declaring character encodings in HTML

元标记

width属性控制视口的大小。它可以设置为特定数量的像素，例如width = 600，或者设置为特殊值device-width，它是CSS像素中屏幕的宽度，比例为100％。（有相应的高度和设备高度值，这对于具有根据视口高度更改大小或位置的元素的页面可能很有用。）

初始缩放属性控制首次加载页面时的缩放级别。最大规模，最小规模和用户可扩展属性控制用户如何放大或缩小页面。

<强>来源： Viewport Meta Tags

这将有效：

<!DOCTYPE html>
<head>
    <meta charset="utf-8"/>
    <title>Homepage</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="home.css">
</head>

HTML <meta />未验证

1 个答案: