jsp中<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” 。。的重要性「建议收藏」

jsp中<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” 。。的重要性「建议收藏」在jsp先看2个很奇怪的现象<%@pagelanguage="java"contentType="text/html;charset=utf-8"pageEncoding="utf-8"%> Inserttitlehere functiongetpro(selProvance) { alert(“go”);//可以输出go// alert(s

大家好,又见面了,我是你们的朋友全栈君。

在jsp先看2个很奇怪的现象

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script type="text/javascript">
	function getpro(selProvance)
	{
		alert("go");//可以输出go
// 		alert(selProvance.options[selProvance.selectedIndex].value);//<!DOCTYPE html...若在,输不出来1
		alert(document.getElementById(selProvance).value);//可以输出1
	}
</script>
<body οnlοad="getpro('selProvance')"><!-- 传的id注意加上引号,表示出入Id -->

				<select  id="selProvance">
						<option>1</option>
				</select>
				
</body>
</html>

2、

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <!-- 去掉开头的<!DOCTYPE html PUBLIC等 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script type="text/javascript">
	function getpro(selProvance)
	{
		alert("go");//可以输出go
		alert(selProvance.options[selProvance.selectedIndex].value);//可以输出2
// 		alert(document.getElementById(selProvance).value);//<!DOCTYPE html PUBLIC去掉后,不能输出2
	}
</script>
<body οnlοad="getpro(selProvance)"><!-- 注意当去掉<!DOCTYPE html PUBLIC后,这里千万不能加引号,才能使上面的有除go之外的输出 -->

				<select  id="selProvance">
						<option>2</option>
				</select>
				
</body>
</html>

这个句头作用是很大的,如果不加,默认你的html是html4.0的。

而如果加上了<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

说明了你的是xhtml。

那么html与xhtml的差别在于,一些css样式和js的支持不同。

有时,我们会遇到一个很普通的日历控件 加不加这句<!DOCTYPE html PUBLIC的,直接影响这个页面是不是能用,说明dtd是定义html标记的规则的,日期控件和css不兼容这一个dtd。

也就是说,如果一个很普通的静态网页,(无论是不是jsp或html,只要是数据是静态),可以试试去掉或者加上这个<!DOCTYPE html PUBLIC等 ,看能否正常显示,

另外

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。    该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

以下面这个 <!DOCTYPE> 标签为例:

   <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

   在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 “-//W3C//DTD XHTML1.0 Strict//EN” 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

   提示和注释:
   注释:<!DOCTYPE> 标签没有结束标签!

   HTML
   HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。

   HTMLStrict DTD
   如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

   <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “
http://www.w3.org/TR/html4/strict.dtd”>
HTML Transitional DTD
   Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型:

   <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “
http://www.w3.org/TR/html4/loose.dtd”>
   Frameset DTD
   Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:

   <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “
http://www.w3.org/TR/html4/frameset.dtd”>
   XHTML
   XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。

   XHTML Strict DTD
   如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

   <!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

   XHTML Transitional DTD
   Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用此类型:

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

   XHTML Frameset DTD
   当您希望使用框架时,请使用此 DTD!

   <!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

参考来源:http://jingyan.baidu.com/article/cdddd41c409e1f53cb00e18c.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/157972.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java并发的CAS原理详解[通俗易懂]

    Java并发的CAS原理详解[通俗易懂]Java并发编程中的CAS原理是很重要的概念。CAS加volatile关键字是实现并发包的基石。没有CAS就不会有并发包,synchronized是一种独占锁、悲观锁,java.util.concurrent中借助了CAS指令实现了一种区别于synchronized的一种乐观锁。乐观锁和悲观锁的概念请参考Java中的21种锁。在Java中java.util.concurrent.atomic包下面的原子变量就是使用了乐观锁的一种实现方式CAS实现。在JDK5之前Java语言是靠synchroniz

    2022年10月10日
    0
  • 【通信系统仿真设计】基于MATLAB的直接序列扩频通信系统仿真

    【通信系统仿真设计】基于MATLAB的直接序列扩频通信系统仿真直接扩频序列调制是用速率很高的伪噪声码序列与信息码序列模二相加(波形相乘)后得到复合码序列,用复合码序列去控制载波相位,从而获得直接扩频序列信号的。直接扩频通信具有低截获概率、抗干扰能力强以及易于实现码分多址等优点,在抗干扰通信及民用移动通信中都得到了广泛的应用。

    2022年6月3日
    45
  • java oracle 连接池_oracle数据库连接池配置

    java oracle 连接池_oracle数据库连接池配置频繁的创建和销毁数据库连接即消耗系统资源又使得程序效率低下,在这种情况下,出现了使用数据库连接池的方法,类似于线程池,初期创建一定数量的连接供应用程序使用,当使用完成后将其归还给连接池而不是销毁,这样有效的提高了资源利用率,下面分享一种简单的创建连接池的方法:1.首先,我们新建一个maven工程,并且导入ojdbc,dbcp,junit三个包待用2.然后,我…

    2022年9月2日
    3
  • vs实现用户注册登录_用户注册和登录的实现

    vs实现用户注册登录_用户注册和登录的实现publicstaticUserInfoGetUser(stringname,stringpwd){//填写搜索姓名和密码的sql语句stringsql=string.Format(“select*fromUserInfowhereLoginName='{0}’andPassword='{1}'”,name,pwd);DataTabledt=DBHelper.ExcuteTab.

    2022年8月22日
    5
  • 万能乘法速算法大全_小学数学指算法、加法、减法、乘法、除法简便运算方法大全,收藏…[通俗易懂]

    万能乘法速算法大全_小学数学指算法、加法、减法、乘法、除法简便运算方法大全,收藏…[通俗易懂]在小学数学的学习过程中,计算能力不过关的孩子,数学成绩普遍来说都不算特别理想。很多家长都在反映说,孩子数学成绩非常糟糕,其实很大的一个原因就是因为计算能力不过关。计算能力不仅对于孩子数学成绩的影响非常的大,对于其他各科的影响也是非常的大,可以毫不夸张的说,计算能力不过关的孩子,学习成绩都不是十分理想。根据我在一线教育从事了十几年的经验来说,很多其实都有他们的共同点,我发现孩子在学习数学的过程中遇到…

    2022年6月6日
    143
  • sklearn 安装_sklearn安装太慢

    sklearn 安装_sklearn安装太慢sklearn库的简介sklearn库  sklearn是scikit-learn的简称,是一个基于Python的第三方模块。sklearn库集成了一些常用的机器学习方法,在进行机器学习任务时,并不需要实现算法,只需要简单的调用sklearn库中提供的模块就能完成大多数的机器学习任务。  sklearn库是在Numpy、Scipy和matplotlib的基础上开发而成的,因此在介绍sklea…

    2022年10月18日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号