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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 适用于国内的 NTP 服务器地址(windows时间同步)[通俗易懂]

    适用于国内的 NTP 服务器地址(windows时间同步)[通俗易懂]国内提供时间服务器的地址有:阿里云提供公共NTP服务,以下7个域名:time1.aliyun.comtime2.aliyun.comtime3.aliyun.comtime4.aliyun.comtime5.aliyun.comtime6.aliyun.comtime7.aliyun.comWindows服务器,或者使用ntpdate,那么可以直接使用time.pool.aliyun.com阿里云服务器的NTP服务:ntp1.aliyun.comntp2.

  • 中国石化java待遇_中国石化JAVA软件工程师面试:首先,上午进行面试人员签到 – 职朋职业圈…「建议收藏」

    中国石化java待遇_中国石化JAVA软件工程师面试:首先,上午进行面试人员签到 – 职朋职业圈…「建议收藏」为了帮助职业圈网友能够及时了解中国石化的面试流程以及面试过程所涉及的面试问题,职业圈小编把刚获得的中国石化面试经验马上编辑好,快速提供给大家,以便能够尽快帮助到有需要的人。这次面试总共花了0.5天。面试形式包括群面。面试过程首先,上午进行面试人员签到,大约100人左右。一共要2个人。下午1点半开始统一面试。人员较多,所以每个人只有3分钟时间,一共最少8位面试官。过程中,他们很少提问题,如果你的技…

    2022年10月15日
  • 初识Windows Mobile 6.0「建议收藏」

    初识Windows Mobile 6.0「建议收藏」第一次玩WindowsMobile6.0,移植了下RMC程序。^_^

  • Rpc接口测试_Python接口测试

    Rpc接口测试_Python接口测试本发明涉及RPC(RemoteProcedureCallProtocol,远程过程调用协议,通过网络从远程计算机程序上请求服务,而不需要了解底层网络技术的协议)接口测试领域,具体涉及一种RPC接口测试方法及系统。背景技术:接口测试(对系统组件间接口进行测试)主要用于检测外部系统与系统(包括各个子系统)之间的交互点,接口测试重点为检查数据的交换、传递和控制管理过程,以及系统间的相互逻辑依赖关系…

    2022年10月13日
  • spring batch 多个job(spring up)

    第四章配置作业Job4.1基本配置Job的配置有3个必须的属性,name,jobRepository,steps。一个简单的Job配置如下:

  • java激活码(JetBrains全家桶)

    (java激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

发表回复

您的电子邮箱地址不会被公开。

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