1. 首页 > 科技

HTML5头部为什么只需要写<!DOCTYPE HTML>? html5doctype

HTML5头部为什么只需要写<!DOCTYPE HTML>?html5doctype

HTML和HTML5的关系

html5和html的区别:

1.在文档类型声明上

html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="www.w3./1999/xhtml">

html5:<!doctype html>

在文档声明上,html有很长的一段代码,并且很难记住这段代码,而html5却不同,只有简简单单的声明,这也方便人们的记忆。

2.在结构语义上

html:没有体现结构语义化的标签,通常都是这样来命名的<div id="header"></div>,这样表示网站的头部。

html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><article><footer>。

html上面的头文件是什么

1. 1.html4头文件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3./TR/html4/loose.dtd">

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>主标题 | 副标题</title>

</head>

<body>

</body>

</html>

2.  html5网页头文件:精简版

< !DOCTYPE html>

< html>

< head>

< meta charset="UTF-8">

< title> 主标题 | 副标题< /title>

< /head>

< body>

< /body>

< /html>

3 .html5网页头文件:详细版

包括了html页面调用css、js文件的三种方法

 

< !DOCTYPE html>

< html>

< head>

< meta charset="UTF-8">

< title> 主标题 | 副标题< /title>

< link rel="stylesheet" href="style.css">

< style> css内容< /style>

< /head>

< body>

 < !-- 注释 -->

< script src="javascript.js"> < /script>

< script> js内容< /script>

< /body>

< /html>

jsp和html5之间的转换

jsp和html5之间的转换,只需要把jsp中的服务端元素去掉即可。

html5转jsp会遇到以下问题:

html5在html文件格式下转为jsp时,部分css出现错乱,但所有css与js与html格式下引用一致

导致原因!DOCTYPE 声明

jsp默认声明:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3./TR/html4/loose.dtd">

但html5 中值需要:<!DOCTYPE HTML>

原因:

<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行。)。

html5和html有什么区别啊?

主要有三个区别:

1、文档声明区别

HTML:超文本标记语言,一种纯文本类型的语言。

HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。

2、结构语义区别

html:没有体现结构语义化的标签,如:<div id="nav"></div>

html5:添加了许多具有语义化的标签,如:<article>、<aside>、<audio>、<bdi>...

3、绘图区别

HTML:指可伸缩矢量图形,用于定义网络的基于矢量的图形。

HTML5:HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。

建议:html5.0是html的升级,如果是初学还是先学html

扩展资料:

html5的优缺点:

1、摆脱对平台的依赖

HTML5可以让你摆脱对平台的依赖,用户打开浏览器,直接就可以访问你的应用,而不需要经过各种Store的审核。

2、实时更新

实时更新,通常平台的审核都需要七个工作日左右的时间,Web方式就不存在这种问题。

3、离线使用

用户可以离线使用,更新下载量及少,可以全部更新,也可以选择替换部分文件。

缺点:

1、完善性方面:许多特性各种浏览器的支持程度不一样

2、技术门槛方面:HTML5简化开发者工作的同时,代表有许多的属性和API需要开发者学习,像web worker、web socket等

3、性能方面:某些平台下的引擎问题导致HTML5性能低下

html的优缺点:

优点:

1、开发过程中前端与后端脱离,交互通过JSON传输来实现  

2、跨平台能力更强,依托于浏览器的支持

缺点:

1、开发难度大,考虑浏览器的兼容性

2、无法直接显示java实体类对象,需要转换为json格式

参考资料:搜狗百科:html5

参考资料:搜狗百科:html