<!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <!-- saved from url=(0014)about:internet --> <title>html5文档</title> <link href="x.css" rel="stylesheet"> <script src="x.js"></script> </head> <body> <p>一个html5测试文档!</p> </body> </html>
说明:
<!DOCTYPE html>
html5页面的文档类型声明。相比之前显得非常简单,不需要包含html的版本号。
<html lang="zh">
用html元素封装除文档声明以外的整个文档,并制定页面所使用的自然语言。
<meta charset="utf-8">
在head区块的最开始处添加meta元素,指定字符编码。注意,html5不要求空元素必须自关闭。
<!-- saved from url=(0014)about:internet -->
这段注释放在指定字符编码的元数据标签后,告诉IE将页面视为从远程下载,方便我们在测试时屏蔽警告信息。
<link href="x.css" rel="stylesheet">
添加样式表。和传统的方式相比,不需要再指定type="text/css",因为CSS是网页中唯一可用的样式表语言。
<script src="x.js"></script>
添加JavaScript。
总的来说,html5是html规范的延续,相比xhtml非常的松散和不严格。它并不要求网页中必须包含<html>、<head>、<body>元素,不要求空元素自关闭,等等。
html规范验证:validator.w3.org