0

目前我有一个大约 2 年前为某人创建的单页网站 (html/php)。我即将添加一个管理面板并计划从 html5 开始。我很好奇除了<!doctype>将html.

这是我的单页index.php：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="descriptions" content="meta desc">
    <meta name="keywords" content="meta, keywords">

    <!--imports the main css file-->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery.form.js"></script>
</head>
<body></body>
</html>

我首先知道我会将我的文档类型更改为，<!doctype html>但我是否还必须删除我的link和script标签的额外属性？即type财产？

目前这是一个简单的单页网站，所以我认为这将是一个很好的起点。

谢谢！

4

2 回答 2

3

应该是这样的。这样做，然后将 URL 放入http://validator.w3.org/以查看您有哪些 html 5 错误。

此外，由于它不是 XML，我认为您需要从元标记和链接标记的末尾删除正斜杠。请参阅下面关于类型属性的无用代码评论。

验证器会告诉您每个问题，直到您的 html 5 有效。

于 2013-02-28T06:24:24.663 回答
2

HTML 5 代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="meta desc">
    <meta name="keywords" content="meta, keywords">

    <title>Title</title>

    <!--imports the main css file-->
    <link rel="stylesheet" href="css/style.css" media="screen">
    <script src="js/jquery.form.js"></script>
</head>
<body></body>
</html>

一些解释：

  • 不再需要 xmlns。HTML5 中的元素不需要显式声明。
  • 我会在标题之前使用字符集元。否则，IE 用户可能会在 XSS 攻击面前暴露无遗。（https://code.google.com/p/doctype-mirror/wiki/ArticleUtf7）
  • 在第二个元上，名称属性应该是描述，而不是描述。
  • 不需要在 html 中进行转发（在元数据的末尾，链接）。这些在 xhtml 中是强制性的。
  • 引用链接和脚本时，可以选择不提及 type 属性。它被认为是多余的，因为默认值会起作用（对于链接，您可能会使用 css，对于脚本 js）

如果您想了解有关 HTML 5 的更多信息 - 这里有一些很好的起点（与实际标准相比，您可以阅读和享受的内容）：

于 2013-02-28T08:13:19.463 回答