HTML 5_byows-CSDN博客

本文链接：https://blog.csdn.net/u010392792/article/details/26237167

这是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>