Question

目前我有一个单页网站（html / php），我是在2年前为某人创建的。我即将添加一个管理面板，并计划从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属性？

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

谢谢！

Answer 1

那应该是它。执行此操作，然后将网址放在http://validator.w3.org/中，以查看您遇到的HTML 5错误。

此外，因为它不是XML，我想你会想要从meta和link标签的末尾删除正斜杠。请参阅下面关于类型属性的无用代码注释。

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

Answer 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中的元素不需要显式删除。
我会在标题之前使用charset meta。否则，IE用户可能会在XSS攻击面前处于打开状态。（https://code.google.com/p/doctype-mirror/wiki/ArticleUtf7）
在第二个元文章中，name属性应该是描述，而不是描述。
没有必要在html中转发（在meta的末尾，链接）。这些在xhtml中是强制性的。
在引用链接和脚本时，您可以选择不提及type属性。它被认为是多余的，因为默认值将启动（对于链接，您可能会使用css，对于脚本js）

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

http://diveintohtml5.info/ - Mark Pilgrim的免费电子书

将我的单页网站转换为html5

2 个答案: