这是html4.01版本的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Head First Lounge</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<h1>Welcome to Head First Lounge</h1>
<p>
<img src="drinks.gif" alt="Drinks">
</p>
<p>
Join us any evening for refreshing <a href="elixirs.html">elixirs</a>,
conversation and maybe a game or two of Tap Tap Revolution.
Wireless access is always provided; BYOWS (Bring Your Own Web Server).
</p>
</body>
</html>
HTML5的doctype很简单:
<!doctype html>
处理meta标记的内容:
<meta charset="utf-8">
html4 link标记如下:
<link type="text/css" rel="stylesheet" href="lounge.css">
因为css作为html5的标准样式,新的链接形式如下:
<link rel="stylesheet" href="lounge.css">
对于HTML5,javascript已经成为标准,同时也是默认的脚本语言,同样也可以从script标记中去除type属性。
<script src="lounge.js"></script>
HTML5版本:
<!doctype html>
<html>
<head>
<title>Head First Lounge</title>
<meta charset="utf-8">
<link rel="stylesheet" href="lounge.css">
<script src="lounge.js"></script>
</head>
<body>
<h1>Welcome to Head First Lounge</h1>
<p>
<img src="drinks.gif" alt="Drinks">
</p>
<p>
Join us any evening for refreshing <a href="elixirs.html">elixirs</a>,
conversation and maybe a game or two of Tap Tap Revolution.
Wireless access is always provided; BYOWS (Bring Your Own Web Server).
</p>
</body>
</html>