网络营销电子商务研究中心  
USA Web Hosting Direct
Go Back   网络营销电子商务研究中心 > 网站设计 > CSS, DIV, HTML
User Name
Password
 
FAQ Members List Calendar 域名注册 PHP Mark Forums Read

Reply
 
Thread Tools Display Modes
  #1   IP: 112.87.26.137
Old 2017-05-19, 12:32 PM
Paradis Paradis is offline
初级会员
 
Join Date: 2008-12-14
Posts: 1
Paradis 现在声名狼藉
Default Html4升级到html5

抛开HTML5的新特性,从HTML4升级到HTML5十分的简单。
这是一个emmet生成的最基本的html4文档类型:
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link type="text/css" rel="stylesheet" href="lounge.css">
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<title>Document</title>
</head>
<body>

</body>
</html>
html4升级到html5基本上也就是在这上面进行改动。
首先最开头<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">把这句改为
<!DOCTYPE html>即可。什么意思呢?DOCTYPE放在HTML前面,是为了告诉浏览器你文档是什么类型,浏览器知道你文档是什么类型才能更准确地来展示你的文档。DOCTYPE对html4的类型进行了详细地说明,而html5则简化了DOCTYPE,不用再去记住繁杂的DOCTYPE,W3C同时承诺,以后的html6、7、8……的DOCTYPE都用html即可。

下面是meta,html5中meta标记减重了不少,使用html5的meta标记只用提供一个字符编码即可。
所以接下来的改进是把<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">改为
<meta charset="UTF-8">

接着是升级link标记。升级link标记到html5只需要把type去掉即可,因为W3C已经宣布CSS作为HTML5的标准样式,也是HTML5的默认样式,修改后是<link rel="stylesheet" href="lounge.css">

还差最后一步,就是升级一下<script>,因为javascript已经成为html5的标准,所以同样是不需要type,修改后为
<script src="jquery-1.11.1.min.js"></script>
这样,就完成了从htm4升级到html5,十分简单。
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Prescription-glasses.com offers prescription glasses online at discount prices.
所有时间均为 +8. 现在的时间是 09:38 PM, Free Patent & Patent Ideas